Управление таблицей HTML с помощью плагина jSquery TableSorter

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>. Вот почему все мои заголовки столбцов находятся внутри него. Однако у меня возникла проблема с «Это заголовок». Появляется ПОСЛЕ столбцов. Я хочу, чтобы он появился перед колоннами. И я не могу поместить его в <thead>, так как не хочу, чтобы он был включен в сортировку.

Какая альтернатива?

Answer 1

разобрался. Я могу поместить заголовок в thead и просто отключить сортировку по этому столбцу, как это пример

Answer 2

Возможно, вместо использования другой строки для "Это заголовок", используйте элемент <caption>?

Итак: <caption>This is heading</caption>