【问题标题】:TableSorter not working if checkbox precedes the text如果复选框在文本之前,则 TableSorter 不起作用
【发布时间】:2016-08-09 11:52:12
【问题描述】:

我正在使用表格排序器 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") });

【问题讨论】:

    标签: jquery tablesorter


    【解决方案1】:

    好的,我花了一段时间才弄清楚这一点。但我已经设法通过阅读 tablesorter 的手册来做到这一点。

    您必须在追加新的 tr 后进行触发器更新。

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

    基本上就是这样。

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

    WORKING FIDDLE

    【讨论】:

    • 我没有通过 Jquery 添加行,在加载页面时仅添加一次行。那么我应该在哪里使用update
    • @Anup,我想帮助你,所以也请帮助我。你到目前为止的代码是什么?请使用您目前拥有的所有相关代码更新您的问题,我会为您提供帮助。
    • 感谢您的帮助..我得到了解决方案...实际上之前我添加了一个custom parser for checkbox(您可以查看我的小提琴),这就是排序不起作用的原因...也不需要trigger update...只需删除自定义解析器就可以了..!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-29
    • 1970-01-01
    • 2018-09-25
    • 2016-08-05
    • 2019-02-22
    相关资源
    最近更新 更多