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（呃）并且它混乱它（开始做切换行...显示表坏了）这是因为第二个:: colspan = 5数据，这使表非制服或非标准或我不知道确切的短语，我希望你得到我想说的。

很抱歉对这个问题的描述不是很详细，但正如你已经猜到的那样，英语不是我的母语，当我需要解释更复杂的事情时，我会感到很挣扎。

谢谢你们，非常感谢你的帮助。

Answer 1

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

如果是这样，我发现this demo正在做这件事。它实际上是tablesorter插件v2.0.5的一部分，但没有记录。所以你可以复制他们使用的html和代码，但你不需要下载mod。

我在我发布的博文中添加了missing documentation，如果您有兴趣，我已经在github上分叉并修改了插件本身并制作了另一个child row demo。 / p>

Javascript排序非线性表

1 个答案: