表中有多行表格排序器

我是新来的javascript和jquery，一般的web编程，所以请耐心等待。表中有多行表格排序器

我已经在表中整合了table-sorter，但是我无法弄清楚如何通过允许每个头对多个行进行排序来扩展它。例如，如果我下表有（假设第一行中的大写字母是头用台分拣机分拣能力）：

|-------------------| 
    | 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让我添加多个标题在一个单元格中，并使标题中的所有行都可以进行排序。

谢谢，你给我这个任何方向将是非常有用的，因为我超级卡住。

UPDATE用小提琴： http://jsfiddle.net/mrroboti/FepfW/7/

添加了新的信息，但是仍然无法弄清楚如何做到这一点。

来源

2014-03-19 Don Code

我不能为我的生活弄清楚“每个标题多行”的含义。 – teh1

性别和年龄，在我绘制的表格中是两行，在标题中。多行标题..... –

为什么你不能在不同的专栏中设置性别和年龄？性别和年龄意味着独立排序，即按年龄按年龄排序，点击性别按性别排序？在不同的细胞中是否存在性别和年龄，他们需要做什么？也许提供一些关于如何设计标记表的HTML。你的屁股并没有真正展示这一点。 –

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

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

来源

2014-03-19 05:35:48 dingdong

表中有多行表格排序器

回答

相关问题