DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。
官方网站及其下载地址:http:/www.datatables.net
当前最新版为1.10.2,读者可点此本站下载。
其主要特点如下:
1.自动分页处理
2.即时表格数据过滤
3.数据排序以及数据类型自动检测
4.自动处理列宽度
5.可通过CSS定制样式
6.支持隐藏列
7.易用
8.可扩展性和灵活性
9.国际化
10.动态创建表格
11.免费的
使用方法:
首先看看如下代码:
DataTables example //此处为body的id//*div 里是 table ,table包括thead等,最好按此格式写*物品种类管理
//id 别忘了
物品编号 物品名称 物品单位 编辑状态 随便 //此处可以是gradeA ,gradeX 等,但是gradeB 隔行换色 效果很好 Trident Internet Explorer 4.0 Win 95+ 4 X Trident Internet Explorer 5.0 Win 95+ 5 C Trident Internet Explorer 5.5 Win 95+ 5.5 A
上面就能创建出如图的效果, 分页。排序。等等。
最后讲讲 各各属性(主要添加的位置)
//$(document).ready(function() { //$('#example').dataTable( {//加载 //"bPaginate": true,//分页按钮 //"bLengthChange": true,//每行显示记录数 //"bFilter": true,//搜索栏 //"bSort": true,//排序 //"bInfo": true,//Showing 1 to 10 of 23 entries 总记录数没也显示多少等信息 //"bAutoWidth": true } ); /