Datatables--一个有意思的自动分页和排序的插件
相信大家在做表格显示的时候都做过分页显示的功能,实现起来只需要简单几句SQL+java代码即可实现,但这不是本篇的重点。本篇文章想要介绍一个有意思功能强大的可以自动分页和选择对表格中列进行排序的插件--Datatables。
当然,本篇所讲的分页和排序只是Datatables的一部分小功能,还有很多其他的强大功能,可自行去官网查看API使用。
详情参看官网:【http://datatables.club/】
1 什么是Datatables?
Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。
- 分页,即时搜索和排序
- 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理
- 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation
- 各式各样的扩展: Editor, TableTools, FixedColumns ……
- 丰富多样的option和强大的API
- 支持国际化
2 五分钟上手Datatables
在项目中使用 DataTables的步骤也很简单。
只需要引入三个文件即可,jQuery库,一个DT的核心js文件和一个DT的css文件即可。
1)引入三个文件
<!--第一步:引入Javascript / CSS (CDN)-->
<!-- DataTables CSS -->
<link rel=