DataTables 入门使用

前言简述

DataTables是一个JavaScript类库，它操作HTML表格，改变表格CSS样式，增强表格功能使其更具有交互性。

DataTables依赖于JQuery类库。

入门示例

环境：DataTables 1.10.11 、JQuery 2.2.1

入门代码：

Column 1	Column 2
Row 1 Data 1	Row 1 Data 2
Row 2 Data 1	Row 2 Data 2

使用要点

1、首先引入DataTables必需的文件：jquery.dataTables.min.css 和 jquery.dataTables.min.js

2、因为DataTable依赖于JQuery，所以在引入DataTables的JS文件之前，还要先引入JQuery文件：jquery.js

3、定义普通的HTML表格：

...

4、使用DataTable初始化表格：$('#table_id').DataTable();

5、示例表格中有一个样式：class="display"，这是DataTables的CSS文件中的样式。

　　　　　　　　　　　　　 查看评论 回复