是否可以使用 php 写入表并且已经使用数据表使表优化？

Question

我在一个视图中有多个 table，我使用 jquery 使它们隐藏并且 show.i 有包含 works.each 数组的数组 $works数组包含的数据是每个 table 的行。我还使用 Datatable 通过分页优化我的 table 并能够搜索。

但似乎 datatables 不懂 blade 语言和 php。我将数据table设置为在table.but的每页第10行显示我，当我的table超过10行时，它会显示所有行并显示：

Showing 1 to 1 of 1 entries

上面的表达式。

<div class="col-md-offset-1 col-md-7">
<?php $i = 0 ?>
@foreach($works as $work)
        <!--<div class="panel navbar-inverse">
            <div class="panel-heading panel-amir">
                <p href="#">Current Works</p>
            </div>-->
<?php $i+=1; ?>
<div id="{{$dep->id}}" class="panel-body testimonial" data-index="{{$i}}">

    <table cellpadding="0" cellspacing="0" border="0" class="table table-hover TABLE mytable" id="example" data-index="{{$i}}">
        <thead style="text-align: center">
        <th style="text-align: center">User Works</th>
        <th style="text-align: center">Title</th>
        <th style="text-align: center">Due Date</th>
        <th style="text-align: center">Description</th>
        </thead>

        @foreach($work as $var)
        <tbody>

        <tr>
            <td class="col-md-2">
                <img class="img-circle img-responsive" src="{{ URL::to('/') }}/images/amir.png">
            </td>
            <td class="col-md-2">
                alaki
            </td>
            <td class="col-md-2">
                alaki
            </td>
            <td class="col-md-6">
                alaki
            </td>
        </tr>

        </tbody>
        @endforeach
    </table>
</div>
@endforeach

知道我应该怎么做才能正确设计我的页面吗？？？？

Answer 1

dataTables 一次仅支持一个 <tbody> 部分。你有

@foreach($work as $var)
   <tbody>
     ....
   </tbody>
@endforeach

导致多个 <tbody>，这就是为什么您得到 显示 1 到 1 的 1 个条目。而是遍历行：

<tbody>
  @foreach($work as $var)
    <tr>
      <td class="col-md-2">
    ...
    </tr>
  @endforeach
</tbody>

通过这样做，我相信您将在信息部分获得正确的行数，并且 table 将按预期分页。

是否可以使用 php 写入表并且已经使用数据表使表优化？

Is it possible to use php to write in the tables and already use datatable to make tables optimize?

jquery

datatables

angular-datatables