Хийя образца демо здесь: http://jsfiddle.net/T4Vh4/
Для начала вам не хватает <th>
тегов в вашем примере. Я даю вам рабочий образец, чтобы вы могли сравнить свою реализацию сортировщика таблиц с демо. :))
Пожалуйста, дайте мне знать, если это то, что вы ищете!
Хорошо читать: http://tablesorter.com/docs/
Надеется, что это помогает, и есть хороший друг, d'эм не забудьте принять ответ, если это помогает :)!
HTML
<table class="tablesorter">
<thead>
<tr>
<th>Make</th>
<th>Model</th>
</tr>
</thead>
<tbody>
<tr>
<td>Honda</td>
<td>Accord</td>
</tr>
<tr class="expand-child">
<td colspan="2" style="padding: 0 30px 0 30px;">
<table class="tablesorter-child">
<thead>
<tr>
<th>Doors</th>
<th>Colors</th>
</tr>
</thead>
<tbody>
<tr>
<td>Honda 2-Door</td>
<td>Honda Red</td>
</tr>
<tr>
<td>Honda 4-Door</td>
<td>Honda Blue</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>Toyota</td>
<td>Camry</td>
</tr>
<tr class="expand-child">
<td colspan="2" style="padding: 0 30px 0 30px;">
<table class="tablesorter-child">
<thead>
<tr>
<th>Doors</th>
<th>Colors</th>
</tr>
</thead>
<tbody>
<tr>
<td>Toyota 2-Door</td>
<td>Toyota Yellow</td>
</tr>
<tr>
<td>Toyota 4-Door</td>
<td>Toyota Green</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Jquery код
$(document).ready(function()
{
$("table").tablesorter({selectorHeaders: '> thead > tr > th'});
});
Обратитесь по следующей ссылке ваш пример не работает http://jsfiddle.net/bkxpk/..i нужно добавлять плагины для этого – Rachana
@ Rachana ?? что это за jsfiddle lol :) любая история или объяснение. Cheerios! –
открытая ссылка в IE – Rachana