简介

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/