码迷,mamicode.com
首页 > 编程语言 > 详细

JQuery DataTables 列自己定义数据类型排序

时间:2017-06-28 21:56:40      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:number   desc   style   asc   类型   jquer   string   div   jquery   

使用JQ DataTables 的时候。希望某列数据能够进行自己定义排序。操作例如以下:(以中文排序和百分比排序为例)

1:定义排序类型:

//百分率排序
jQuery.fn.dataTableExt.oSort[‘number-fate-asc‘]  = function(s1,s2) {
	s1 = s1.replace(‘%‘,‘‘);
	s2 = s2.replace(‘%‘,‘‘);
	return s1-s2;
};

jQuery.fn.dataTableExt.oSort[‘number-fate-desc‘] = function(s1,s2) {
	s1 = s1.replace(‘%‘,‘‘);
	s2 = s2.replace(‘%‘,‘‘);
	return s2-s1;
};
//中文排序
jQuery.fn.dataTableExt.oSort[‘chinese-string-asc‘]  = function(s1,s2) {
	return s1.localeCompare(s2);
};
jQuery.fn.dataTableExt.oSort[‘chinese-string-desc‘] = function(s1,s2) {
	return s2.localeCompare(s1);
}; 


2:指定排序的列:

$(‘#flexme1‘).dataTable({
	"aoColumns": [
		null,
		{ "sType": "chinese-string" },//中文排序列
		null,
		{ "sType": "number-fate" },//百分率排序
		null,
		null
	]
}); 


JQuery DataTables 列自己定义数据类型排序

标签:number   desc   style   asc   类型   jquer   string   div   jquery   

原文地址:http://www.cnblogs.com/llguanli/p/7091506.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!