带有连字符的 Jquery tablesorter 数字

Posted 2023-05-09

【中文标题】带有连字符的 Jquery tablesorter 数字

【英文标题】：Jquery tablesorter numbers with hyphens

【发布时间】：2016-09-01 22:29:46

【问题描述】：

jQuery 表格排序器

我正在使用 Jquery 表排序器，我需要对包含带有连字符标记的数字的 Gridview 列进行排序。以下格式的数据，无法按 ASC 顺序 onLoad 排序：17-143,17-162,12-144,17-45, 18-12,17-65,18-2 .一些值是 NULL。来自 sql 的空白值。 以上数据默认排序为：12-144,17-45,17-65,17-143,17-162,18-2,18-12

请帮忙。这是我尝试使用的 sn-p：

<script src="https://github.com/christianbach/tablesorter/blob/master/jquery.tablesorter.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(document).ready(function() 
    $("#main_gvResource").tablesorter.addParser( 
        // set a unique id 
        id: 'lblIDSort',
        is: function(s) 
            return false;
        ,
        format: function(s) 
            return s.replace('$','').replace(/-/g,'');
        , 
        type: 'numeric' 
    ); 
    $(function() 
        $("#main_gvResource").tablesorter(
           widgets: ['zebra'],
            headers: 
                1: //zero-based column index
                    sorter:'gdMobileID'
                
            
        );
    );
);
</script>

【问题讨论】：

您知道您的 document.ready 中有一个 document.ready 吗？

【参考方案1】：

为什么会有这些空白？您是否害怕，您可能一次看到太多代码？ ;)

$(function() 
    $.tablesorter.addParser( 
        _regex: /^\d+(?:-\d+)+$/,
        _formatNumber: function(nr)
            //return "0".repeat(5-nr.length) + nr;
            while(nr.length < 5) nr = "0" + nr;
            return nr;
        ,

        // set a unique id 
        id: 'gdMobileID',
        is: function(s) 
            //to auto-recognize the column-type
            return this._regex.test(s); 

            //to apply only on columns you defined
            return false;
        , 

        format: function(s)
            return s.replace(/\d+/g, this._formatNumber);
        , 
        type: 'text',
    ); 

    $("#main-gvResource").tablesorter(
        widgets: ['zebra'],
        //no need, if you let the parser auto-recognize the columns to apply
        /*headers: 
            1: //zero-based column index
                sorter:'gdMobileID'
            
        */
    );
);

【讨论】：

汤姆，谢谢你的 sn-p。我是堆栈溢出的新手，最重要的是，jQuery 也是新手 :) 我收到错误“对象不支持属性或方法‘重复’”

错误：对象不支持属性或方法“重复”

好的，那是 ES6。修好了。

【参考方案2】：

我的fork of tablesorter 默认使用自然排序算法。您无需添加任何额外代码即可使其与该数据集一起使用 (demo)

$(function () 
    $('table').tablesorter(
        theme: 'blue'
    );
);