如果表头中有两行,并且只有较低的一行可用于排序,则可以通过将class="sorter-false"
应用于第一行中的单元格来实现。但是,当data-sortlist
用于同一个表来完成初始排序时,会产生一个奇怪的副作用:当第一次单击已排序列的标题时,没有任何反应(预期的行为将是扭转排序)。有解决方案吗?
JS小提琴:http://jsfiddle.net/N9TLf/
代码:
<table data-sortlist="[[0,0]]">
<thead>
<tr>
<th class="sorter-false" colspan="2">January</th>
<th class="sorter-false" colspan="2">February</th>
</tr>
<tr>
<!-- January -->
<th>Metric 1</th>
<th>Metric 2</th>
<!-- February -->
<th>Metric 1</th>
<th>Metric 2</th>
</tr>
</thead>
<tbody>
<tr>
<!-- January -->
<td>Value 1</td>
<td>Value 2</td>
<!-- February -->
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<!-- January -->
<td>Value 1c</td>
<td>Value 2b</td>
<!-- February -->
<td>Value 1a</td>
<td>Value 2b</td>
</tr>
<tr>
<!-- January -->
<td>Value 1a</td>
<td>Value 2c</td>
<!-- February -->
<td>Value 1c</td>
<td>Value 2a</td>
</tr>
<tr>
<!-- January -->
<td>Value 1b</td>
<td>Value 2a</td>
<!-- February -->
<td>Value 1b</td>
<td>Value 2c</td>
</tr>
<!-- etc -->
</tbody>
<table>
(Code and JSFiddle改编自this question)