Question

我有一个像这样的样本html表

<table class="statisticsTable" id="myTable">
<tr>
    <th colspan="6">This is heading</th>
</tr>
<thead>
<tr>
    <th>Member Num</th>
    <th>Member First Name</th>
    <th>Member Last Name</th>
    <th>Date of Birth</th>
    <th>Age</th>
    <th>Relationship</th>
</tr>
</thead>
<tbody>
<tr>
    <td valign="top">123456</td>
    <td>test1</td>
    <td>test1 ln</td>
    <td>06/14/1984</td>
    <td>24</td>
    <td>awesome</td>
 </tr>
<tr>
    <td valign="top">654321</td>
    <td>test2</td>
    <td>test2 ln</td>
    <td>06/21/1984</td>
    <td>42</td>
    <td>awesome1</td>
 </tr>
 <tr>
    <td valign="top">954712</td>
    <td>test3</td>
    <td>test3 ln</td>
    <td>06/14/1956</td>
    <td>66</td>
    <td>awesome0</td>
 </tr>
</tbody>

tableSorter插件对<thead>标记内的所有内容进行排序。这就是为什么我的所有列标题都在其中。但是，我遇到了'This is Heading'的问题。它出现在列之后。我希望它出现在列之前。我不能把它放在<thead>中，因为我不希望它被包含在排序中。

有什么替代方案？

Answer 1

想通了。我可以将标题放在thead中，只是禁用该列的排序，如example

Answer 2

也许，使用<caption>元素，而不是使用另一行“This is heading”？

所以：<caption>This is heading</caption>

使用tableSorter jquery插件管理html表

2 个答案: