jQuery - TableSorter 自定义解析器不起作用

Question

这是我的自定义解析器：

$.tablesorter.addParser({
    id: "customParser",
    is: function (stringValue) {
        return false;
    },
    format: function (stringValue) {
        var stringValueParts = stringValue.split("-");
        var numericPartOfStringValue = parseInt(stringValueParts[2]);
        return numericPartOfStringValue ;
    },
    type: 'numeric'
});

stringValue 将具有如下值：

• ABC-DE-1
• ABC-DE-10
• ABC-DE-100
• ABC-DE-101
• ABC-DE-1000

这是我设置表格排序器并添加自定义排序解析器的代码：

$(function() {
    $("#dataTable").tablesorter({
        headers: {
            3: {
                sorter: 'customParser'
            }
        }
    });
});

我确实添加了一个 console.log(numericPartOfStringValue) 并且所有的数字都被写入了控制台，所以看起来解析器正在做它应该做的事情。

那么我想要发生什么？

我希望我的值按字符串的数字部分排序，如下所示：

• ABC-DE-1
• ABC-DE-10
• ABC-DE-100
• ABC-DE-101
• ABC-DE-1000

实际发生了什么？

值是这样排序的：

• ABC-DE-1
• ABC-DE-10
• ABC-DE-100
• ABC-DE-1000
• ABC-DE-101

我还尝试了什么？

我在我的 html 中添加了以下内容，但没有任何区别：

<th class="{sorter: 'CustomParser'}">
    String Value Column
</th>

最后：

这是表格单元格中的示例值：

<td>
    <span class="badge">ABC-DE-1</span>
</td>

Answer 1

它的工作，你只需要设置默认的排序顺序。我使用了sortList.，它是一个包含 th 索引和顺序（asc=0，desc=1）的元组数组。

工作fiddle:

 $("#dataTable").tablesorter({
     sortList: [[0,0]],   
     headers: {
            0: {
                sorter: 'customParser'
            }
        }
    });