tablesorter没有应对rowspan

时间:2014-09-09 16:07:13

标签: html sorting knockout.js grouping tablesorter

我尝试使用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);
                }
            };

0 个答案:

没有答案