使用 jQuery DataTables插件增强HTML表

分享于 

1分钟阅读

Web开发

  繁體
  • 下载jQuery数据表源代码和示例-2.09 MB
  • 介绍

    假设你的网页中有一个普通的HTML表格-类似于下图所示的表格:

    JQuery-DataTables/jquery-datatables-noconfig.png

    你需要为这个table添加一些标准特性,比如按列排序,按关键字筛选,分页,以及更改每个要显示的页面条目的数量,得到的table如下所示:

    JQuery-DataTables/jquery-datatables-basic.png

    如果使用jquery DataTables插件,这个代码行如下所示:

    $("table#myTableId").dataTable();

    如果从HTML源获取table的ID,并调用dataTable()函数,所有提到的特性都将自动添加,它们将完全发挥作用,

    jQuery DataTables是一个优秀的jQuery插件,它使你能够快速轻松地增强表格的功能。


    相关文章