我尝试使用tablesorter对一个非常简单的HTML表进行排序,并且它部分正常工作,但它看起来似乎没有使用rowpans。使用该示例,如果我单击排序,列将按组顺序(性别,年龄和身高)排序并保持在一起。即男性和女性行将根据其计数值进行交换,其他2行年龄和身高将保持在同一位置。这可能与tablesorter有关。他们的例子看起来要复杂得多。
任何帮助都会很棒,谢谢。
- 表格示例
<table style="border: solid 1px blue; width: 200px;" data-bind="sortTable: true">
<thead>
<tr>
<th>group</th>
<th>sort</th>
<th>Count</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">Gender</td>
<td>Male</td>
<td>12</td>
</tr>
<tr>
<td>Female</td>
<td>45</td>
</tr>
<tr>
<td>Age</td>
<td>Yrs</td>
<td>24</td>
</tr>
<tr>
<td>Height</td>
<td>Ft</td>
<td>23</td>
</tr>
</tbody>
</table>
ko.bindingHandlers.sortTable = {
init: function (element, valueAccessor) {
setTimeout(function () {
$(element).tablesorter({
sortList: [[1, 1]]
});
}, 0);
}
};