在tablesorter.js中添加下拉列表

Question

我想在html表中使用filter和sort选项。我试过'tablesorter.js'，

我可以使用此模块对表字段进行排序。但我无法添加下拉列表和带有表字段的过滤器框。

任何人都可以帮助我？

Answer 1

尝试使用 This.

这是HTML表格更短。

或

(DEMO) 简称使用下拉列表

$('table').tablesorter();

$('select').change(function(){
    var column = parseInt($(this).val(), 10),
        direction = 1, // 0 = descending, 1 = ascending
        sort = [[ column, direction ]];
    if (column >= 0) {
        $('table').trigger("sorton", [sort]);
    }
});

Answer 2

您可以通过向。中的该列添加class =“filter-select”，将下拉列表过滤器添加到表格列。

<thead><th>Col 1></th><th class="filter-select">Col2</th></thead>

或者您可以为该列添加过滤功能：

filter_functions : {

    // Add select menu to 3rd column (column numbers are zero-based).
    // Set the column value to true, and/or add "filter-select" class name to header
    2 : true,
}