如何对具有软件版本号的表中的列进行排序 - How to sort column in a table having software version numbers?

How to sort column in a table having software version numbers?

本文关键字：排序版本号软件 | 更新日期: 2023-10-21

我的表中有一列是动态生成的。表中有名称、公司等列，也有包含版本号的列（1.14.0.2、1.12.1.0、1.8.0.1）。

我正在使用名为Sortable的库进行就地排序。这是一个开箱即用的伟大图书馆！

它适用于"名称"answers"公司"等列。但在某些情况下，版本号会失败。我正在将数据值设置为的结果

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);

https://jsfiddle.net/p4w5bup3/