我的表中有一列是动态生成的。表格中包含名称,公司等列,还包含版本号(1.14.0.2、1.12.1.0、1.8.0.1)。
我正在使用称为Sortable的库进行就地排序。这是个很棒的图书馆,开箱即用!
它适用于“名称”和“公司”等列。但是在某些情况下,版本号失败。我正在将数据值设置为
str_replace('.','',$version_number)
但是,当版本号为1.10.0、1.14、1.0.1.2(特殊情况)时,它将失败
它应该像
1.0.1.2
1.10.0
1.14
但是有点像
1.14
1.0.1.2
1.10.0
我能以任何方式取得正确的结果吗?
之所以这样排序,是因为它按数据值排序,您将其设置为不带句点的数字。
1.14 --> 114 (smallest)
1.0.1.2 --> 1012
1.10.0 --> 1100 (largest)
如果您data-value
不存在该属性,或者在版本号中保留句点,则它将正确排序。如下面的小提琴所示。
https://jsfiddle.net/t7xhkkjc/
编辑
您需要添加自定义排序功能以正确地对版本号进行排序
// Credit for function http://stackoverflow.com/a/7717160/769237
var customTypes = [{
name: 'version',
defaultSortDirection: 'descending',
match: function(a) {
return a.match(/([1-9]+\.?)+/g);
},
compare: function (a, b) {
var i, cmp, len, re = /(\.0)+[^\.]*$/;
a = (a + '').replace(re, '').split('.');
b = (b + '').replace(re, '').split('.');
len = Math.min(a.length, b.length);
for( i = 0; i < len; i++ ) {
cmp = parseInt(a[i], 10) - parseInt(b[i], 10);
if( cmp !== 0 ) {
return cmp;
}
}
return a.length - b.length;
}
}];
这样您就不会通过覆盖原始排序类型而丢失它们
var customAndOriginalTypes = Sortable.types.concat(customTypes);
Sortable.setupTypes(customAndOriginalTypes);
另外,您需要通过data-sortable
从表中删除来禁用自动初始化。这使您可以在将排序功能添加到表之前添加新的排序类型。
然后,您可以使用
var yourTable = document.querySelector('#your-table');
Sortable.initTable(yourTable);
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句