Javascript排序非线性表格

Question

我有这样的表：

<table id="table_id" class="tablesorter">
<thead>
<tr class="trheader">
<th colspan="2">111</th>
<th>-SORT-ME-</th>
<th>222</th>
<th>333</th>
</tr>
</thead>

<tbody>
<tr>
<td id="id_1"><img src=""></td>
<td id="id_11">11</td>
<td id="id_12">===SORT.VALUE===</td>
<td id="id_13">13</td>
<td id="id_14"><a href="#" class="send_data"><img src=""></a></td>
</tr>
<tr>
<td id="id_t1" colspan="5" onclick="some_func">
<label for="id_i1">_lbl_</label>
<img id="image_1" src=""></img>
<div id="id_i1">
</div>
</td>
</tr>

<tr>
<td id="id_2"><img src=""></td>
<td id="id_21">21</td>
<td id="id_22">===SORT.VALUE===</td>
<td id="id_23"></td>
<td id="id_ordbtn_2"><a href="#"><img src=""></a></td>
</tr>
<tr>
<td id="id_t2" colspan="5" onclick="some_func">
<label for="id_i2">_label2_</label>
<img id="image_2" src="">
<div id="id_i2">
</div>
</td>
</tr>
... more of the same...
</tbody>
</table>

是否可以使用JQuery tablesorter或其他脚本根据-SORT-ME-中的值对表进行排序// //===SORT.VALUE=== // //===SORT.VALUE====表格显示正确，因为我尝试使用tablesort（er）并将其弄乱（开始进行切换行...显示表格已损坏）是由于第二个:: colspan = 5数据所致，这使表格不统一或不统一-standard或我不知道确切的用语，我希望您能理解我的意思。

很抱歉，您对问题的了解不是很丰富，但是您已经猜到英语不是我的母语，当我需要解释更复杂的内容时，我感到很努力。

谢谢大家，非常感谢您的帮助。

Answer 1

您是否要添加与父行一起排序的子行？

如果是这样，我发现此演示就是这样做的。 它实际上是tablesorter插件v2.0.5的一部分，但未记录。 因此，您只需复制它们使用的html和代码，而无需下载mod。

我在我撰写的博客文章中添加了缺少的文档 ，并且如果您有兴趣，请在github上分叉和修改插件本身，并制作另一个子行演示 。