gestion html table avec le plugin tablesorter jquery

Question

J'ai une table html exemple comme celui-ci

<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> 

le plugin tablesorter ne le tri sur tout dans la balise <thead>. C'est pourquoi tous mes en-têtes de colonnes sont à l'intérieur. Cependant, j'ai un problème avec le 'This is Heading'. Il apparaît après les colonnes. Je veux qu'il apparaisse avant les colonnes. Et je ne peux pas le mettre en <thead> car je ne souhaite pas qu'il soit inclus dans le tri.

Quelle est l'alternative?

Answer 1

Peut-être, au lieu d'utiliser une autre ligne pour "This is heading", utilisez-vous un élément <caption>?

Alors: <caption>This is heading</caption>

Answer 2

figured it out. Je peux mettre le titre à l'intérieur de la thead et juste désactiver le tri sur cette colonne comme ceci example