安装

432 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>