tablesorter更新了columnSelector的widgetOptions

Question

我想按名称

搜索列

我试图通过

手动执行此操作

                table[0].config.widgetOptions.columnSelector_columns = {
                    2: true,
                    3: false
                };

并调用table.trigger（＆＃39; update＆＃39;）;要么 table.trigger（＃39＆; applyWidgets＆＃39）;或table.trigger（＆＃39; refreshColumnSelector＆＃39;）; 但没什么用 也试过刷新小部件，但它也不起作用......

Answer 1

*请注意*此小部件＆amp;代码仅适用于我的fork of tablesorter。

您可以定位所有（或在这种情况下都是）表格，然后像这样使用jQuery .each() method：

$(".tablesorter")
    .each(function(i, table){
        var $table = $(table);
        $table.tablesorter({
            // ...
            widgetOptions: {
                // ...
                columnSelector_container : $('#columnSelector' + ( i + 1 )),
                // ...
            }
        })
        .bind('filterEnd', function(e, filter){
            // the current number of filtered rows is contained in config.filteredRows
            $table.prev('div').find('.filterCount').text( table.config.filteredRows );
        });
    });

和css一样，你可以将它们组合在一起：

#colSelect1:checked + label, #colSelect2:checked + label {
    background: #5797d7;
    border-color: #555;
}
#colSelect1:checked ~ #columnSelector1, #colSelect2:checked ~ #columnSelector2 {
    display: block;
}