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

完成

将自定义过滤器字段添加到jQuery Datatable

1 个答案: