如何在引导数据表中插入columnfilter

How to insert columnfilter in bootstrap datatable

本文关键字：插入 columnfilter 数据表      更新时间：2023-09-26

我已经将我的html表与datatable绑定，并且搜索、分页和排序等功能运行良好。但是当我尝试使用

实现列过滤器时
$('#table1').DataTable().columnFilter();`

它不起作用。它显示了一个错误，说

columnFilter不是一个函数

我用了另一种方法。

$('#demo-dt-basic thead tr th').each(function (i) {        
        var title = "Search "+$(this).text();
        $("<input class='form-control input-sm' type='text' placeholder='" + title + "'/>").appendTo($(this));
        table.columns().eq(0).each(function (colIdx) {
            $('input', table.column(colIdx).header()).on('keyup change', function () {
                table
                    .column(colIdx)
                    .search(this.value)
                    .draw();
            });
        });
} );
相关文章：