如果复选框位于文本之前,则TableSorter不起作用

时间:2016-08-09 11:52:12

标签: jquery tablesorter

我正在使用表格分类器2.0。分拣机工作得很好但是当我在文本之前的列中添加一个复选框时,分拣机不起作用。我可以将复选框放在单独的列中。但是如何使它与复选框一起使用?

HTML

<table id="tableSorter" class="table table-bordered tablesorter">
    <thead>
        <tr class="tblHeadings">
            <th>Category</th>
        </tr>
    </thead>
    <tbody>                                    
        <tr>
            <td>
                <label class="normalLabel">
                    <input type="checkbox" class="cats" name="categories" value="Cat1" />
                    Category 1</label>
            </td>
        </tr>                                   
    </tbody>
</table>

Jquery的

$("#tableSorter")
    .tablesorter({ widthFixed: true })
    .tablesorterPager({ container: jq("#pager") });

1 个答案:

答案 0 :(得分:1)

好的,我花了一段时间来弄明白这一点。但是我已经设法阅读了tablesorter的手册。

添加新tr后,必须进行触发更新。

$("#tableSorter").trigger('update');

基本上就是这样。

P.S。 不要完全复制和粘贴jQuery,因为第一位是完整的tablesorter代码。由于http连接,无法将其包含在JSFIDDLE中。

WORKING FIDDLE