jQuery tablesorter 未正确排序数字

Question

我几天来一直在尝试让 jQuery 表排序器正确地对我的表列中的数字进行排序。

我正在使用这两个脚本的当前最新版本。

该表呈现良好，但对数字进行排序无法正常工作。

当我对数字列进行排序时，它给出以下结果：

8 7 4 32 31 3 等等..

你会期望： 32 31 8 等等...

我读了一些关于添加额外 javascript 代码的评论，但我找不到任何好的 javascript 示例。

我现在使用的 jQuery 如下：

$(document).ready(function()
    {
      $("#table1")
       .tablesorter(
          {
            sortList: [[0,0]],
            widthFixed: true,
            widgets: ['zebra']
          } )
    }
);

这是我的 HTML：

<table id="table1" class=tablesorter>
    <thead>
        <tr>
            <th width=65>Name</th>
            <th width=40>Count</th>
        </tr>
     </thead>
     <tbody>
         <tr><td>Name_1</td><td>32</td></tr>
         <tr><td>Name_2</td><td>12</td></tr>
         <tr><td>Name_3</td><td>11</td></tr>
         <tr><td>name_4</td><td>14</td></tr>
         <tr><td>Name_5</td><td>7</td></tr>
         <tr><td>Name_6</td><td>3</td></tr>
         <tr><td>Name_7</td><td>32</td></tr>
         <tr><td>Name_8</td><td>31</td></tr>
         <tr><td>Name_9</td><td>35</td></tr>
      </tbody>
</table>

Answer 1

<th width=110 class=\"{sorter: 'digit'}\">Count</th>

这解决了问题。
告诉 javascript 将值作为数字处理可以使排序工作正确。
脚本中没有将数字值检查为数字，这仍然有点愚蠢。但我想最终有一个更高的目的。

感谢大家的时间和帮助

/Fons

Answer 2

希望这会对找到这篇文章的人有所帮助，您现在可以在表排序器中简单地使用。

$(".table").tablesorter({
     headers: {
         5: { sorter: 'digit' } // column number (starting with 0), type
     }
 });

Answer 3

这对其他人（对我来说不是）可能是显而易见的，但要使解决方案与 {sorter: 'digit'} 元数据一起使用，您需要使用 jQuery 元数据插件。

Answer 4

您也可以尝试这样做：

$(document).ready(function() { 
    $("table").tablesorter({ 
        // put other options here ...
        textExtraction: function(node) {  
            return parseInt($(node).text()); 
        } 
    }); 
});

...在仅提取文本后，将排序单元格的内容视为整数。

Answer 5

我知道这是一个老问题，但我遇到了同样的问题，您应该首先检查插件的版本，而不是尝试此处发布的任何解决方案。当我发现我没有使用最新版本（2.0.5）时，所有问题都解决了

Answer 6

看起来你需要填充你的数字。这就解释了为什么 8、7 和 4 排在 32 和 31 之前。

试试这个：

function padLeft(s,len,c){
  c=c || '0';
  while(s.length< len) s= c+s;
  return s;
}

$("table").tablesorter({
  textExtraction: function(node) {         
    return padLeft(node.innerHTML,2);
  } 
});

如果需要对更大的数字进行排序，请使用高于 2 的值。

Answer 7

你能也显示你的html吗？ Tablesorter 应该检测并处理数字排序，而无需任何特殊选项。你的数值有可能被html包围吗？在这种情况下，您可能需要自定义方法来提取来自html。

参考链接中的示例：

$(document).ready(function() { 

    // call the tablesorter plugin 
    $("table").tablesorter({ 
        // define a custom text extraction function 
        textExtraction: function(node) { 
            // extract data from markup and return it  
            return node.childNodes[0].childNodes[0].innerHTML; 
        } 
    }); 
});

Answer 8

在 jquery.tablesorter.js 代码中查找：

this.isDigit = function(s,config) {

    var DECIMAL = '\\' + config.decimal;
    var exp = '/(^[+]?0(' + DECIMAL +'0+)?$)|(^([-+]?[1-9][0-9]*)$)|(^([-+]?((0?|[1-9][0-9]*)' + DECIMAL +'(0*[1-9][0-9]*)))$)|(^[-+]?[1-9]+[0-9]*' + DECIMAL +'0+$)/';

    return RegExp(exp).test($.trim(s));
};

并将其替换为：

this.isDigit = function(s,config) {

    var DECIMAL = '\\' + config.decimal;
    var exp = '/(^[+]?0(' + DECIMAL +'0+)?$)|(^([-+]?[1-9][0-9]*)$)|(^([-+]?((0?|[1-9][0-9]*)' + DECIMAL +'(0*[1-9][0-9]*)))$)|(^[-+]?[1-9]+[0-9]*' + DECIMAL +'0+$)/';

    //return RegExp(exp).test($.trim(s));
    return !isNaN(parseFloat($.trim(s))) && isFinite($.trim(s));
};