Html 表排序器无法处理行跨度

Html 表排序器无法处理行跨度,html,sorting,knockout.js,grouping,tablesorter,Html,Sorting,Knockout.js,Grouping,Tablesorter,我正在尝试使用tablesorter对一个非常简单的HTML表进行排序,虽然部分工作正常,但它似乎与行跨度不匹配。使用这个例子,如果我单击排序,这些列将按性别、年龄和身高分组排序,并保持在一起。即,男性和女性行将根据其计数值进行交换,其他2行的年龄和身高将保持在同一位置。这是否可以用tablesorter实现。他们的例子似乎要复杂得多 任何帮助都会很好,谢谢 -表格示例 <table style="border: solid 1px blue; width: 200px;" data-bi

我正在尝试使用tablesorter对一个非常简单的HTML表进行排序,虽然部分工作正常,但它似乎与行跨度不匹配。使用这个例子,如果我单击排序,这些列将按性别、年龄和身高分组排序,并保持在一起。即,男性和女性行将根据其计数值进行交换,其他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);
                }
            };

Tablesorter还不支持tbody中的colspan或rowspan属性;我不确定是否有一个表排序插件可以。谢谢你的回复。我会做更多的研究/闲逛。