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

最新推荐文章于 2023-10-13 11:16:05 发布

WJL_MGQS

最新推荐文章于 2023-10-13 11:16:05 发布

阅读量1.4w

点赞数

分类专栏： javascript javaweb 框架使用

本文链接：https://blog.csdn.net/WJL_MGQS/article/details/39647843

版权

javaweb 同时被 3 个专栏收录

24 篇文章 0 订阅

订阅专栏

框架使用

12 篇文章 0 订阅

订阅专栏

javascript

6 篇文章 0 订阅

订阅专栏

使用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
	]
});