Question

我已经检查了几个如何在数据表上搜索单个或多个列的示例，看起来使用.ColumnFilter（）选项似乎是最好的。 Chrome控制台在.columnFilter（）行停止并显示＆＃34;未捕获的TypeError：undefined不是函数＆＃34;

如果我删除了.columnfilter（）片段，页面加载正常并触发click事件，但不会进行搜索。我对这个搜索和columnfilter如何工作有误？

    $('#listings').dataTable({
        "data": props,
        "searching": false,
        "bLengthChange": false,
        "oTableTools": { "sRowSelect": "single" },
        "columns": [
            { "title": "Type",
            "bSearchable": false,
            "defaultContent": "" },
            { "title": "Address",
            "defaultContent": "" },
            { "title": "City",
            "defaultContent": "" },
            { "title": "State",
            "defaultContent": "" },
            { "title": "Zip",
            "defaultContent": "" },
            { "title": "Beds",
            "bSearchable": true,
            "defaultContent": "" }]
                      }).columnFilter();

    var table = $('#listings').DataTable(); 
    $('.bed_column_filter').each(function() {
        $(this).on('click', function searchBeds() {
            var value = this.getAttribute("data-value");
            table
                .column(5)
                .search( value )
                .draw();
        });
    });

Answer 1

这位用户来晚了。但我在搜索类似问题时来到这里。这是link，对我有用。

在Datatable中，设置为

"aoColumns": [{ "bSearchable": true }, { "bSearchable": true }, { "bSearchable": false }, { "bSearchable": false }],

您可以为列搜索启用/禁用设置true / false值。

jQuery数据表搜索单列

1 个答案: