时间戳

首页 > 解决方案 > foreach 中的动态表行跨度

php - foreach 中的动态表行跨度

问题描述

我想将数据库中的数据输入到可以下载的 Excel 中。在标题表中有具有 colspan 和 rowspan 的部分。根据 Rowspan 中存在的标题显示数据时出现问题。

我想做一张这样的桌子

动态行跨度

但我的结果

结果图像]

这是我的桌子

<table class="table table-hover display" id="summary" width="100%" cellspacing="0" border="3">
    <thead style="background-color:#ED7D31;">
        <tr>
            <td rowspan="2" class="text-center">No</td>
            <td rowspan="2" class="text-center">Nama SPV</td>
            <td colspan="3" class="text-center">MOBI</td>
            <td colspan="2" class="text-center">OPEN TABLE</td>
            <td colspan="2" class="text-center">DOOR TO DOOR</td>
            <td colspan="2" class="text-center">OFFICE & SCHOOL</td>
            <td colspan="2" class="text-center">BHAKTI INDIHOME</td>
        </tr>
        <tr>
            <td>Rincian MOBI</td>
            <td>Total Personil</td>
            <td>Rincian Kegiatan</td>

            <td>Total Personil</td>
            <td>Rincian Kegiatan</td>

            <td>Total Personil</td>
            <td>Rincian Kegiatan</td>

            <td>Total Personil</td>
            <td>Rincian Kegiatan</td>

            <td>Total Personil</td>
            <td>Rincian Kegiatan</td>
        </tr>
    </thead>
    <tbody>
        <td rowspan="5">1</td>
        <td rowspan="5">{{App\Supervisor::find(Request::segment(3))->nama}}</td>
        <tr>
            @foreach ($master as $key=>$plan)
                @if ($plan->kode_dos == '01')
                    @foreach ($plan->planWaktu as $item)
                        @php
                            $nopol = $item->lokasi == 'EMPTY' ? 'EMPTY':App\Nopol::where('id', $item->id_nopol)->first()->nopol;
                            $personil = $item->lokasi == 'EMPTY' ? 'EMPTY': $item->personil_terlibat;
                            $waktu = $item->lokasi == 'EMPTY' ? 'EMPTY': $item->lokasi;
                        @endphp
                        <tr style="background-color: yellow">
                            <td>{{$nopol}}</td>
                            <td>{{$personil}}</td>
                            <td>{{$waktu}}</td>
                        </tr>
                    @endforeach
                @else
                    @foreach ($plan->planWaktu as $item)
                        @php
                            $personil = $item->lokasi == 'EMPTY' ? 'EMPTY': $item->personil_terlibat;
                            $waktu = $item->lokasi == 'EMPTY' ? 'EMPTY': $item->lokasi;
                        @endphp
                        <tr style="background-color: green">
                            <td>{{$personil}}</td>
                            <td>{{$waktu}}</td>
                        </tr>
                    @endforeach
                @endif
            @endforeach
        </tr>
    </tbody>
</table>

如何正确安排？

标签： phphtmlhtml-tabledatatable

解决方案

您可以参考以下代码 

        <!DOCTYPE html>
        <html>
        <body>
        <table>
          <tr>
            <th>col1</th>
            <th>col2</th>
            <th>col3</th>
            <th>col4</th>
            <th>col5</th>
          </tr>
          <tr>
           <td rowspan="5">$50</td>
         <?php for ($x = 0; $x <= 4; $x++) {
               if($x == 0) {
          echo "<td>The number is: $x <br></td><td rowspan='5'>$100</td><td rowspan='5'>$100</td><td rowspan='5'>$100</td></tr>";
               }
               else{
                   echo "<tr><td>The number is: $x <br></td></tr>";

               }
        }?>
         </tr>
        </table>
        </body>
        </html>

推荐阅读