javascript - 在 tablesorter.js 中添加下拉列表

Question

我想要 html 表中的过滤和排序选项。我试过'tablesorter.js'，

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

任何人都可以帮助我？？

Answer 1

尝试使用这个。

这是较短的 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,
}