javascript - 具有多行标题的可排序 HTML 表格

标签 javascript html sorting

有几个 JS 脚本可以对 HTML 表格列进行排序,例如这个:http://www.kryogenix.org/code/browser/sorttable/

但是如果你的(固定标题行)是 1 行,它们似乎都可以工作。我有 3 行,顶部有类别,下面有分割子类别,如下所示:

---------------------------------------------------------------------------------
| Category 1                               | Category 2                         |
| Sub cat 1 | Sub cat 2 | Sub cat 3        | Sub cat 4 | Sub cat 5              |
| data      | data      | data             | data      | data                   |

所以我的问题是,是否有一个脚本可以根据最底部的标题行对 HTML 表格行进行排序。

因此,在示例中,我想根据子猫对数据进行排序。

最佳答案

对ajay的回答竖起大拇指(声望不够,无法直接投票)。这对我有用。 为了更清楚地了解他/她的答案,以防行号发生变化......

这里是需要注释掉的第 53 行:

if (table.tHead.rows.length != 1) return; // can't cope with two header rows

这是第 78 行

headrow = table.tHead.rows[0].cells;

替换为

rowsinheader = table.tHead.rows.length;
headrow = table.tHead.rows[rowsinheader-1].cells;   //sort on the last row in header

关于javascript - 具有多行标题的可排序 HTML 表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24353015/

相关文章:

JavaScript 按数字排序

javascript - Angular 文件管理器的使用。如何?

javascript - 在 Tridion 中实现功能区工具栏按钮时如何链接弹出式 JavaScript 和弹出式 aspx 页面?

javascript - 加载后无法获取html内容

jquery - 单击导航链接时使用 jQuery 为 div 的可见性设置动画

json - Powershell 按字母顺序对 PSObject 进行排序

javascript - 如何让piwik跟踪ajax调用?

javascript - Jquery addClass() 不工作

jquery - 使用 jQuery 从 <a> 元素中选择文本?

java - 对数组进行排序不需要比较第一个元素(java编程)?