javascript - AdminLte 2.4.0 数据表不工作

Question

这是 template ，我已经复制了 bower_components 和 dist 文件夹的内容。我还完成了我需要的所有链接和要求，或者我能找到的。所有需要工作没有 404 只有一个状态代码 200。我的代码如下:

<div class="box">
  <div class="box-header">
    <h3 class="box-title">Data Table With Full Features</h3>
  </div>
  <!-- /.box-header -->
  <div class="box-body">
    <table id="example1" class="table table-bordered table-striped">
      <thead>
        <tr>
          <th>Rendering engine</th>
          <th>Browser</th>
          <th>Platform(s)</th>
          <th>Engine version</th>
          <th>CSS grade</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Trident</td>
          <td>Internet Explorer 4.0
          </td>
          <td>Win 95+</td>
          <td> 4</td>
          <td>X</td>
        </tr>
        <tr>
          <td>Trident</td>
          <td>Internet Explorer 5.0
          </td>
          <td>Win 95+</td>
          <td>5</td>
          <td>C</td>
        </tr>
        <tr>
          <td>Trident</td>
          <td>Internet Explorer 5.5
          </td>
          <td>Win 95+</td>
          <td>5.5</td>
          <td>A</td>
        </tr>
        <tr>
          <td>Other browsers</td>
          <td>All others</td>
          <td>-</td>
          <td>-</td>
          <td>U</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <th>Rendering engine</th>
          <th>Browser</th>
          <th>Platform(s)</th>
          <th>Engine version</th>
          <th>CSS grade</th>
        </tr>
      </tfoot>
    </table>
  </div>
  <!-- /.box-body -->
</div>

我让表格显示正常但不显示搜索、显示 X 条目、分页或其他类似内容。好像我正在复制悬停数据表，但代码显示它是具有完整功能的数据表。我还在页面底部附近的第 1631-1643 行包含了小脚本，它是这样的:

$(function () {
  $('#example1').DataTable();
  $('#example2').DataTable({
   'paging'      : true,
   'lengthChange': false,
   'searching'   : false,
   'ordering'    : true,
   'info'        : true,
   'autoWidth'   : false
  });
});

我试过移动文件

请原谅糟糕的代码样式，它仍然应该给出一个正确的想法。

Answer 1

在您的脚本中，您已将 false 设置为“正在搜索”

尽量使用“真”

$(function () {
  $('#example1').DataTable();
  $('#example2').DataTable({
   'paging'      : true,
   'lengthChange': false,
   'searching'   : true, // change this one
   'ordering'    : true,
   'info'        : true,
   'autoWidth'   : false
  });
});