安装
1243 2019-04-18
DataTables是一个功能强大的Javascript库,用于向HTML表添加交互功能,虽然简单性是整个项目的核心设计原则,但开始时看起来非常艰巨。但是,实现这些第一步并在您的网站上运行DataTable实际上非常简单,因为您只需在页面中包含两个附加文件:
- DataTables Javascript文件
- The DataTables CSS file
要求 在我们开始之前,我们需要考虑DataTables的操作要求。
依赖 DataTables只有一个库依赖项(它依赖的其他软件才能工作) - jQuery。作为一个jQuery插件,DataTables利用了jQuery提供的许多优秀功能,并以与所有其他jQuery插件相同的方式挂钩到jQuery插件系统。jQuery 1.7或更新版本将与DataTables一起使用,但通常您会想要使用最新版本。DataTables包含其运行所需的所有其他内容。
HTML 为了使DataTable能够增强HTML表,该表必须是有效的,格式良好的HTML,带有header(thead)和单个body(tbody)。tfoot也可以使用可选的页脚()。
<table id="table_id" class="display"><font></font>
<thead><font></font>
<tr><font></font>
<th>Column 1</th><font></font>
<th>Column 2</th><font></font>
</tr><font></font>
</thead><font></font>
<tbody><font></font>
<tr><font></font>
<td>Row 1 Data 1</td><font></font>
<td>Row 1 Data 2</td><font></font>
</tr><font></font>
<tr><font></font>
<td>Row 2 Data 1</td><font></font>
<td>Row 2 Data 2</td><font></font>
</tr><font></font>
</tbody><font></font>
</table><font></font>