TableSorter可折叠行表格多列点击排序随机无响应问题排查

问题原因 #

你的表格包含可折叠附属行，默认配置下TableSorter会将<tbody>内所有行识别为独立数据行，无完整列数据的可折叠行参与排序计算时会出现索引匹配异常，导致第三列排序切换时状态卡住，控制台不会抛出相关报错。

解决方案 #

初始化时添加cssChildRow配置，指定可折叠子行的类名，告知插件这类行属于父行的附属内容，不参与排序计算，仅跟随对应的父行移动：

$(document).ready(function() {
    $("#tb").tablesorter({
        // 此处替换为你实际使用的可折叠行类名
        cssChildRow: "expand-child",
        // 可选配置：点击表头三次可重置回原始排序状态
        sortReset: true
    });
})

内容的提问来源于stack exchange，提问作者armin