是否可以使用php在表中编写并已使用数据表来优化表格?

时间:2016-07-12 13:12:20

标签: jquery datatables angular-datatables

我在一个视图中有多个表,我使用jquery使它们隐藏并显示。我有数组$ works,其中包含works.each数组包含的数据是每个表的行。 我也使用Datatable来使用分页优化我的表格并能够搜索。

但似乎datatables不知道刀片语言和 php 。 我设置数据表以在每个页面的10行显示我。但是当我的表格超过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

enter image description here

有什么想法我应该怎么做才能正确设计我的页面????

1 个答案:

答案 0 :(得分:2)

dataTables一次只支持一个 ['userService', '$uibModal', function (service, $uibModal) ^^^^ 部分。

<tbody>

导致多个@foreach($work as $var) <tbody> .... </tbody> @endforeach ,这就是为什么你显示1个条目中的1到1个。迭代行代替:

<tbody>

通过这样做,我确信您将在info-section中获得正确的行数,并且表将按预期分页。