Question

我无法在laravel上实现数据表

这是我的layout.app

<link ref="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
....
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function () {
          $('#dtBasicExample').DataTable({
               "pagingType": "simple" // "simple" option for 'Previous' and 'Next' buttons only
          });
          $('.dataTables_length').addClass('bs-select');
        });
    </script>

所以所有插件现在都已经包含在我的表格布局中我是这样的。

<div class="row">
    <div class="col-md-12">
        @if($bin_logs!=null)
        <table id="dtBasicExample" class="table table-striped table-bordered table-sm" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th class="th-sm">Name

      </th>
      <th class="th-sm">Position

      </th>
      <th class="th-sm">Office

      </th>
      <th class="th-sm">Age

      </th>
      <th class="th-sm">Start date

      </th>
      <th class="th-sm">Salary

      </th>
    </tr>
  </thead>
  @foreach($bin_logs as $log)
  <tbody>
    <tr>
        <td>{{ $log->binary_id }}</td>
        <td>{{ $log->binary_lvl }}</td>
         @if($log->leg_seg==1)
        <td>{{"Left"}}</td>
        @else
        <td>{{"Right"}}</td>
        @endif
        <td>{{ $log->binary_pv }}</td>
        <td>{{ $log->acnt_frm }}</td>
        <td>{{ $log->created_at }}</td>
    </tr>
  </tbody>
  @endforeach
  <tfoot>
    <tr>
      <th>Name
      </th>
      <th>Position
      </th>
      <th>Office
      </th>
      <th>Age
      </th>
      <th>Start date
      </th>
      <th>Salary
      </th>
    </tr>
  </tfoot>
</table>
@endif
    </div>
</div>

现在的问题是没有分页，排序和搜索不起作用。从字面上看不能正常工作，并且我的控制台上没有错误。请有人可以解释为什么它不起作用。我遵循了说明文档中的所有内容。

jQuery数据表分页未呈现

0 个答案: