前端开发

 首页 > 前端开发 > jquery教程 > jQuery表格插件datatables用法总结_jquery_自学php网

jQuery表格插件datatables用法总结_jquery_自学php网

分享到:
【字体:
导读:
          这篇文章主要介绍了jQuery表格插件datatables用法,包括分页、排序等功能,是jQuery表格插件datatables比较基础的部分知识,需要的朋友可以参考下...

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 } );
/
					
分享到:
jQuery中index()的用法分析_jquery_自学p...
本文实例讲解了jQuery中index()的用法。分享给大家供大家参考之用。具体方法如下: 现在有这样一个问题:如果列表里面有N多的列表项目,我想知道我点击了哪一个应该怎么取呢? 对此,jQuery里面提供了一个index()方法 : index(subject) 该方法搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。 如果...
使用jquery解析XML示例代码_jquery_自学p...
xml文件结构:books.xml 深入浅出extjs 张三 88 锋利的jQuery 李四 99 深入浅出flex 王五 108 java编程思想 钱七 128 页面代码: jquery解析xml $(function(){ $.post('books.xml',function(data){ //查找所有的book节点 var s=""; $(data).find(&...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……