JQuery表格辅助插件jquery.dataTables.nightly.js

简介

DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先 进的互动控制，支持任何HTML表格。

主要特点：

自动分页处理,即时表格数据过滤,数据排序以及数据类型自动检测，自动处理列宽度，可通过CSS定制样式，支持隐藏列,易用，可扩展性和灵活性，国际化,动态创建表格。

使用

1.  引入 jquery.js 、datatables.min.css 和 jquery.dataTables.nightly.js 文件

2.  HTML

<table cellpadding="0" cellspacing="0" border="0" id="example">
  <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>
  </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>

3.  调用

<script>
  $(document).ready(function() {$('#example').dataTable();} );
</script>

相关链接

官方地址 ：https://www.datatables.net/

GitHub 地址 ：  https://github.com/mkhairi/jquery-datatables