jQuery多级表排序

时间:2014-09-18 05:47:25

标签: sorting tablesorter

我有以下要求制作可排序数据表。我尝试了" jquery.dataTables.min.js",但我无法与这个插件相处。

要求是,当我点击任意列时,相应的列将获得(升序和降序),就像普遍使用的jQuery插件一样。如果我点击要排序的另一列,则不应整理整个表行。所以这意味着,每当点击后续列标题时,排序应仅在某些特定行之间发生。

为了更好地理解,我逐一将幻想放在下面。

表格的默认视图(不排序)...

enter image description here

第一次排序后(升序或降序 - 无关紧要)

enter image description here

例如,现在我要点击此表的第4列(标题)......

enter image description here

现在,整个表都没有进行排序。如果你看一下上面幻觉的红色标记区域,只能在两个彩色行之间调整顺序。

有什么想法吗?我们可以有任何插件来满足这个要求吗?或任何jQuery头脑风暴来进行这项训练?

1 个答案:

答案 0 :(得分:1)

DataTables和Tablesorter都允许在单击表格标题时按住 Shift 键对多列进行排序。

我知道你不喜欢DataTables插件的意思,它有一个相当陡峭的学习曲线。

如果您愿意查看,我会保留fork of tablesorter


好的,我现在明白了,你不想使用shift键。试试这段代码(demo):

$(function () {
    $('table').tablesorter({
        theme: 'blue',
        sortMultiSortKey: 'which' // default: "shiftKey",
    });
});