使用两个标题行和sortlist时奇怪的tablesorter行为

时间:2014-04-24 20:03:42

标签: jquery tablesorter

如果表头中有两行,并且只有较低的一行可用于排序,则可以通过将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

0 个答案:

没有答案