Question

我是javascript和jquery的新手，一般都是网络编程，所以请耐心等待。

我已经在表中集成了表分类器，但是我无法弄清楚如何通过允许对每个头的多行进行排序来扩展它。例如，如果我有下表（假设第一行中的大写字母是使用表分类器的具有排序功能的标题）：

   |-------------------|
   |  NAME  |   GENDER |
   |        |    AGE   |
   |-------------------|
   |  Anne  |    F     |
   |        |    14    |
   |-------------------|
   |  Gina  |    F     |
   |        |    13    |
   |-------------------|
   |  Mike  |    M     |
   |        |    12    |
   |-------------------|

如果我点击标题中的AGE，表格看起来像

   |-------------------|
   |  NAME  |   GENDER |
   |        |    AGE   |
   |-------------------|
   |  Mike  |    M     |
   |        |    12    |
   |-------------------|
   |  Gina  |    F     |
   |        |    13    |
   |-------------------|
   |  Anne  |    F     |
   |        |    14    |
   |-------------------|

我想允许所有3个标题的这种排序可用性，并且当点击时，每个标题只应考虑它的参数。

标题可以有多行，但并不意味着它们只有一行或两行。虽然，我知道创建表时。

到目前为止，我已经达到了这个目的：http://jsfiddle.net/mrroboti/FepfW/

这是tablesorter使用的CSS文件：

   table.tablesorter thead tr th, table.tablesorter tfoot tr th {
           background-color: #e6EEEE;
           border: 1px solid #FFF;
           font-size: 8pt;
           padding: 4px;
    }
    table.tablesorter thead tr .header {
        background-image: url(bg.gif);
        background-repeat: no-repeat;
            background-position: center right;
        cursor: pointer;
    }

我需要做些什么来告诉CSS允许我在一个单元格中添加多个标题，并使标题内的所有行都能够排序。

谢谢你，你给我的任何方向都会非常有帮助，因为我被困了。

对FIDDLE的更新： http://jsfiddle.net/mrroboti/FepfW/7/

添加了新标题，但仍无法弄清楚如何执行此操作。

Answer 1

简而言之，不可能以这种方式使用tablesorter，因为它从不打算这样做，因为它不符合任何Web标准。

但是，您可以执行以下操作来完成此操作。编写自己的插件或修改tablesorter代码。我会选择后者。

Table with Table Sorter的标题中有多行

1 个答案: