在 JavaScript 中,只有点作为小数分隔符有效。由于 DataTables 使用 JavaScript 对列值进行排序,它会将带有逗号分隔符的数字视为字符串。但是,使用排序插件可以轻松解决这个问题。
jQuery.extend(jQuery.fn.dataTableExt.oSort, {
"numeric-comma-pre": function (a) {
// prepare number
a = +(a.replace(",", "."));
a = (isNaN(a)) ? Number.MAX_VALUE : a;
return a;
},
"numeric-comma-asc": function (a, b) {
return ((a < b) ? -1 : ((a > b) ? 1 : 0));
},
"numeric-comma-desc": function (a, b) {
return ((a < b) ? 1 : ((a > b) ? -1 : 0));
}
});
前面的代码块定义了一种新的数据类型,DataTables 使用它来对列进行排序。此代码改编自DataTables 官方网站中的示例。
插件对象中的第一个函数,是将单元格值转换为数字的函数,以便可以通过以下函数对其进行排序。在这种情况下,我遵循了这篇文章的建议,并使用一元运算符将值转换为数字。如果值不是数字,则返回 NaN,我将其更改为 Number.MAX_VALUE。我这样做是因为我选择在升序排序时最后移动无效数字。
之后,只剩下创建数据表,并为我们想要的列定义新的数据类型。
jQuery("#myTable").dataTable( {
"aoColumnDefs": [
{ "sType": "numeric-comma", "aTargets": [2,3] }
]
});
假设第三和第四列有逗号分隔的数字,它们现在必须正确排序。