Question

我正在使用tablesorter jquery plugin，我的表在标题中有两行。有没有办法在我的桌子上启用排序？它应该能够被第二个标题行排序，第一个标题行就是按日期对相关数据进行分组。如果使用此插件无法实现这一点，那么有人可能会建议解决方法吗？

以下是我的表格标记的示例

<table>
  <thead>
    <tr>
      <th colspan="3">January</th>
      <th colspan="3">February</th>
      <th colspan="3">March</th>
    </tr>
    <tr>
      <!-- January -->
      <th>Metric 1</th>
      <th>Metric 2</th>
      <th>Metric 3</th>
      <!-- February -->
      <th>Metric 1</th>
      <th>Metric 2</th>
      <th>Metric 3</th>
      <!-- March -->
      <th>Metric 1</th>
      <th>Metric 2</th>
      <th>Metric 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <!-- January -->
      <td>Value 1</td>
      <td>Value 2</td>
      <td>Value 3</td>
      <!-- February -->
      <td>Value 1</td>
      <td>Value 2</td>
      <td>Value 3</td>
      <!-- March -->
      <td>Value 1</td>
      <td>Value 2</td>
      <td>Value 3</td>
    </tr>
    <tr>...</tr>
    <tr>...</tr>
    <!-- etc -->
  </tbody>
<table>

Answer 1

你所要做的只是尝试;）

http://jsfiddle.net/Mottie/4mVfu/402/

如果您希望禁用顶行，请将sorter-false类添加到这些标题单元格中：

<tr>
  <th class="sorter-false" colspan="3">January</th>
  <th class="sorter-false" colspan="3">February</th>
  <th class="sorter-false" colspan="3">March</th>
</tr>

http://jsfiddle.net/Mottie/4mVfu/403/

具有两个标题行的tablesorter

1 个答案: