2009-07-09 16 views
0

Ich habe eine Probe HTML-Tabelle wie dieseVerwaltung HTML-Tabelle mit Tablesorter jQuery-Plugin

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

das Tablesorter Plugin auf alles innerhalb des <thead> Tag nicht sortieren. Deshalb sind alle meine Spaltenüberschriften drin. Ich habe jedoch ein Problem mit dem "This is Heading". Es erscheint NACH den Spalten. Ich möchte, dass es vor den Spalten erscheint. Und ich kann es nicht in <thead> setzen, da ich nicht möchte, dass es in die Sortierung einbezogen wird.

Was ist die Alternative?

Antwort

0

Verwenden Sie statt einer anderen Zeile für "This is heading" möglicherweise ein Element <caption>?

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

+0

Untertitel, die nicht gut mit meinem Tabellendesign integrieren. Ich habe eine Grenze um den Tisch herum, also wenn ich die Beschriftung lege außerhalb der Grenze und sieht sehr seltsam aus –

1

es herausgefunden. Ich kann die Überschrift innerhalb thead setzen und sortiere gerade auf dieser Spalte so example