Question

我一直想弄清楚为什么我的桌子不会过滤。正在拉动数据并填充表格。此外，表格页脚中存在输入过滤器框，但是在过滤器框中输入字符时没有做任何事情。输入后很快就会显示“处理”信号，但实际上没有进行过滤。代码很简单。我不确定我错过了什么。我在其他页面上使用相同的功能与表并没有问题，唯一的区别是这个表是使用Ajax源。所以我认为这可能与它有关。我添加了bProcessing，因为我认为这就是原因，bFilter也是如此，但仍然没有进行过滤。

$(document).ready(function() {
    $('#MyTable').dataTable({
        bJQueryUI : true,
        "bServerSide" : true,
        "bProcessing" : true,
        "sAjaxSource" : "../../myfile.json",
        "bFilter": true,
        "bInfo": true,
        "fnServerParams":function(aoData){
            aoData.push({"name":"userid", "value":userid})
        },
        "aoColumns": [  
            {"mDataProp": "userLastName",
            "bSortable":true,
            "bSearchable" : true}, 
            {"mDataProp": "userFirstName",
            "bSortable":true,
            "bSearchable" : true},
            {"sWidth" : "750px",
            "mDataProp": "status",
            "bSortable" : false,
            "bSearchable" : true}
        ]
    })
    .columnFilter({
            aoColumns: [
                {type:"text"},
                {type:"text"},
                {type:"text"}
            ]
     });
});

Answer 1

有时你必须做简单的事情，这种简单的方法可以做和过滤

 table = $('#example').DataTable({
        "data": source_javascript,
 "columnDefs":[ {
        "targets": 0, "title": "title1", "visible": true, "searchable": true,
    },{
        "targets": 1, "title": "title2", "visible": true, "searchable": true,
    }{
        "targets": 2, "title": "title1", "visible": true, "searchable": true,
    }]
});

数据表列过滤不起作用

1 个答案: