[jQuery] skipping over some <th> while using tableSorter plugin
Hello
I have a table like this
http://i32.tinypic.com/287oolg.jpg
from the pic...3, 4 and 5 are all <th> but all have columns underneath
them, and the underneath columns are the ones that need sorting.
If i use tableSorter plugin then it is adding sorting capability to
all <th> tags. Is there any way to 'skip' certain <th> tags??
This is the code that i am using for table sorter.
$("#myTable").tablesorter({
cssAsc: 'headerSortUp1',
cssDesc: 'headerSortDown1',
cssHeader: 'header',
widgets: ['zebra'],
sortList: [[0,0]],
headers: {
1: {
sorter:'nums'
},
3: {
sorter:'nums'
},
5: {
sorter:'nums'
},
6: {
sorter:'nums'
},
8: {
sorter:'nums'
},
10: {
sorter:'nums'
},
12: {
sorter:'nums'
}
}
and code for my table is as follows
<table>
<caption>Table title</caption>
<thead>
<tr>
<th rowspan="3">1</th>
<th rowspan="3">2</th>
<th colspan="2">3</th>
<th colspan="7">4</th>
<th colspan="4">5 members</th>
</tr>
<tr>
<th rowspan="2">3a</th>
<th rowspan="2">3b</th>
<th rowspan="2">4a</th>
<th colspan="2">4b</th>
<th colspan="4">4c</th>
<th rowspan="2">5a</th>
<th rowspan="2">5b</th>
<th rowspan="2">5c</th>
<th rowspan="2">5d</th>
</tr>
<tr>
<th>4ba</th>
<th>4bb</th>
<th>4ca</th>
<th>4cb</th>
<th>4cc</th>
<th>4cd</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<!--total of 15 <td>'s-->
</tr>
</tbody>
</table>
I'd appreciate any help!