Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 具有多行标题的可排序HTML表_Javascript_Html_Sorting - Fatal编程技术网

Javascript 具有多行标题的可排序HTML表

Javascript 具有多行标题的可排序HTML表,javascript,html,sorting,Javascript,Html,Sorting,有几个JS脚本可以对HTML表列进行排序,例如: 但是,如果您的(固定标题行)是1行,它们似乎都可以工作。我有3行,上面有分类,下面有细分子分类,大致如下: --------------------------------------------------------------------------------- | Category 1 | Category 2 | | Sub c

有几个JS脚本可以对HTML表列进行排序,例如:

但是,如果您的(固定标题行)是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                   |
所以我的问题是,是否有一个脚本可以根据最底层的thead行对HTML表行进行排序


因此,在本例中,我希望根据子类别对数据进行排序。

您可能希望签出。它提供高级表操作,包括排序。它支持按本机最底部的thead行进行排序,请参阅。

您可能需要签出。它提供高级表操作,包括排序。它支持按本机最底部的thead行进行排序,请参阅。

您可能需要签出。它提供高级表操作,包括排序。它支持按本机最底部的thead行进行排序,请参阅。

您可能需要签出。它提供高级表操作,包括排序。它本机支持按最底部的thead行进行排序,请参阅。

我使用时遇到了相同的情况,我能够非常轻松地修改sorttable.js来修复它。所作的修改:

  • 第53行:注释掉该行
  • 第78行:将第78行更换为以下两行:

  • 我使用sorttable.js也遇到了同样的情况,我能够非常轻松地修改sorttable.js来修复它。所作的修改:

  • 第53行:注释掉该行
  • 第78行:将第78行更换为以下两行:

  • 我使用sorttable.js也遇到了同样的情况,我能够非常轻松地修改sorttable.js来修复它。所作的修改:

  • 第53行:注释掉该行
  • 第78行:将第78行更换为以下两行:

  • 我使用sorttable.js也遇到了同样的情况,我能够非常轻松地修改sorttable.js来修复它。所作的修改:

  • 第53行:注释掉该行
  • 第78行:将第78行更换为以下两行:

  • 对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
    

    对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
    

    对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
    

    对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
    

    谢谢,我也看到了这个,我希望它能像我链接的一样简单。我不需要任何花哨的功能。谢谢,我也看到了这个功能,我希望它能与我链接的那个一样简单。我不需要任何花哨的功能。谢谢,我也看到了这个功能,我希望它能与我链接的那个一样简单。我不需要任何花哨的功能。谢谢,我也看到了这个功能,我希望它能与我链接的那个一样简单。我不需要任何花哨的特征。