jquery - 将自定义过滤器字段添加到 jQuery 数据表

Question

我正在通过外部表单使用自定义过滤器，例如 this link 。但是，即使我尝试向 index.html 页面添加类似的代码，我也无法创建自定义过滤器字段。

这是我的附加过滤器列:

<div id="renderingEngineFilter" class="filterOption"></div>
<div id="browserFilter" class="filterOption"></div>
<div id="platformsFilter" class="filterOption"></div>
<div id="engineVersionFilter" class="filterOption range"></div>
<div id="cssGradeFilter" class="filterOption"></div>
<div id="customFilter"></div> <!-- this one -->

我将它添加到我的 jQuery 函数中，如下所示:

$(document).ready( function () {
    $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers"
    })
    .columnFilter({
        aoColumns: [
            { type:"select", sSelector: "#renderingEngineFilter" },
            { sSelector: "#browserFilter" },
            { sSelector: "#platformsFilter" },
            { type:"number-range", sSelector: "#engineVersionFilter" },
            { type:"select", values : ["A", "B", "C", "X"], sSelector: "#cssGradeFilter" },
            { type:"select", values : ["vannkorn", "ravy", "rayuth"], sSelector: "#customFilter"}    //here is where I add it
        ]
    });
});

不幸的是，它不显示此自定义字段。请帮忙。

Answer 1

这是因为我确信您的表格只有 5 列，因此您无法在那里应用第六个过滤器。如果仔细观察，您会发现 columnFilter 是在 aoColumns

处完成的