`

Jquery 表格插件DataTables

    博客分类:
  • JS
阅读更多

可以实现自定义的排序,分页等功能,

要实现按照自己设定的规则排序,例如百分比排序,需要过滤掉% 然后比较排序,则先定义列的数据类型为自定义的,然后定义该类型的 asc, desc 的比较算法:

'aoColumns':[
        null,
             {'sType': 'numeric-comma'},
             null,
             {'sType': 'numeric-comma'}
]

 

定义类型的算法

	jQuery.fn.dataTableExt.oSort['numeric-comma-asc']  = function(a,b) {
	    var x = (a == "") ? 0 : a.replace("%", "" );
	    var y = (b == "") ? 0 : b.replace("%", "" );
	    x = parseFloat( x );
	    y = parseFloat( y );
	    return ((x < y) ? -1 : ((x > y) ?  1 : 0));
	};
	 
	jQuery.fn.dataTableExt.oSort['numeric-comma-desc'] = function(a,b) {
	    var x = (a == "") ? 0 : a.replace("%", "" );
	    var y = (b == "") ? 0 : b.replace("%", "" );
	    x = parseFloat( x );
	    y = parseFloat( y );
	    return ((x < y) ?  1 : ((x > y) ? -1 : 0));
	};
	

 

更多参考:

 

http://blog.csdn.net/dyllove98/article/details/8866278

 

API:

http://blog.csdn.net/lisky119/article/details/25884197

 

 

 

分享到:
评论

相关推荐

    jQuery表格插件DataTables

    DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。

    jQuery表格插件datatables用法详解

    主要介绍了jQuery表格插件datatables用法,包括分页、排序等功能,是jQuery表格插件datatables比较基础的部分知识,需要的朋友可以参考下

    jQuery表格插件datatables用法总结

    主要介绍了jQuery表格插件datatables用法,包括分页、排序等功能,是jQuery表格插件datatables比较基础的部分知识,需要的朋友可以参考下

    jQuery表格插件datatables用法汇总

    主要介绍了jQuery表格插件datatables用法汇总,DataTables是一个非常强大的表格插件,感兴趣的小伙伴们可以参考一下

    Datatables jquery表格插件

    Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能,包括排序、分页、扩展、主题、国际化等

    DataTables - jQuery表格插件

    DataTables - jQuery表格插件

    jquery 表格分页处理插件 DataTables

    DataTables是提供了大量特性的强大jQuery表格插件。例如:你可以自动轻松筛选、Ajax预读取数据、分页、列排序、高亮排序列、扩展插件支持、使用CSS或jQuery UI ThemeRoller 定制主题和完整文档。

    基于jQuery的表格操作插件

    大多数前端er都把网页中的table标签替换为div,主要就是因为div要...DataTables是提供了大量特性的强大jQuery表格插件。例如:你可以自动轻松筛选、Ajax预读取数据、分页、列排序、高亮排序列、扩展插件支持、使用CSS或

    基于Bootstrap+php+jquery酒店预订系统后台管理系统

    jquery表格插件Datatables的使用大大丰富了数据的展现方式,更具交互性。具有自动分页、模糊搜索等功能 封装了Response类,可以传递4个参数 show($code, $message = '', $data = array(), $type = self::JSON)来展示...

    Jquery可编辑表格插件DataTables-1.7.6.zip

    DataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zip

    php酒店预订系统后台管理系统

    jquery表格插件Datatables的使用大大丰富了数据的展现方式,更具交互性。具有自动分页、模糊搜索等功能 封装了Response类,可以传递4个参数 show($code, $message = '', $data = array(), $type = self::JSON)来展示...

    php酒店预订系统后台管理系统.zip

    jquery表格插件Datatables的使用大大丰富了数据的展现方式,更具交互性。具有自动分页、模糊搜索等功能 封装了Response类,可以传递4个参数 show($code, $message = '', $data = array(), $type = self::JSON)来展示...

    jquery 2个表格插件

    jquery 插件 DataTables-1.8.2 flexigrid-1.1 个人比较喜欢datatables

    DataTables,jquery表格排序过滤插件

    DataTables是一个jQuery插件,能够让HTML表格很方便地实现分页、过滤和多栏排序等功能。DataTables可以使用本身自带的CSS样式,但还可以按自己的需要自定义CSS样式。它具有以下特征: •自适应栏宽 •可保存表格...

    【毕业设计】基于PHP的酒店预订系统后台管理系统【后端源码+sql】.zip

    jquery表格插件Datatables的使用大大丰富了数据的展现方式,更具交互性。具有自动分页、模糊搜索等功能 封装了Response类,可以传递4个参数 show($code, $message = '', $data = array(), $type = self::JSON)来展示...

    Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据、实现分页和模糊查询等功能

    Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据、实现分页和模糊查询等功能

    jQuery datatables插件

    jquery1.6 datatables插件1.8 附带例子 API等 WEB页面显示列表,课排序 列过滤 隐藏列等功能

Global site tag (gtag.js) - Google Analytics