Javascript 过滤制表器中的所有数据

如何按表中的所有文件筛选/搜索数据

我有这样的桌子

我正在查看制表过滤器文档，不知道如何 通过一个输入过滤器过滤所有数据

---

有人能帮忙吗？

答案似乎在文档中

使用下面的代码，然后使用“LIKE”比较器并键入所需的姓名/年龄…等等

HTML

JavaScript

//Custom filter example

function customFilter(data){
    return data.car && data.rating < 3;
}

//Trigger setFilter function with correct parameters
function updateFilter(){

    var filter = $("#filter-field").val() == "function" ? customFilter : $("#filter-field").val();

    if($("#filter-field").val() == "function" ){
        $("#filter-type").prop("disabled", true);
        $("#filter-value").prop("disabled", true);
    }else{
        $("#filter-type").prop("disabled", false);
        $("#filter-value").prop("disabled", false);
    }

    table.setFilter(filter, $("#filter-type").val(), $("#filter-value").val());
}

//Update filters on value change
$("#filter-field, #filter-type").change(updateFilter);
$("#filter-value").keyup(updateFilter);

//Clear filters on "Clear Filters" button click
$("#filter-clear").click(function(){
    $("#filter-field").val("");
    $("#filter-type").val("=");
    $("#filter-value").val("");

    table.clearFilter());
});

//Build Tabulator
var table = new Tabulator("#example-table", {
    height:"311px",
    layout:"fitColumns",
    columns:[
        {title:"Name", field:"name", width:200},
        {title:"Progress", field:"progress", formatter:"progress", sorter:"number"},
        {title:"Gender", field:"gender"},
        {title:"Rating", field:"rating", formatter:"star", align:"center", width:100},
        {title:"Favourite Color", field:"col"},
        {title:"Date Of Birth", field:"dob", align:"center", sorter:"date"},
        {title:"Driver", field:"car", align:"center", formatter:"tickCross"},
    ],
});```

//自定义筛选器示例
函数customFilter（数据）{
返回data.car和data.rating<3；
}
//具有正确参数的触发器设置过滤器功能
函数updateFilter（）{
var filter=$（“#过滤器字段”）.val（）==“函数”？自定义过滤器：$（“#过滤器字段”）.val（）；
if（$（“#过滤器字段”）.val（）=“函数”）{
$（“#过滤器类型”）.prop（“已禁用”，true）；
$（“#筛选值”）.prop（“已禁用”，true）；
}否则{
$（“#过滤器类型”）.prop（“已禁用”，false）；
$（“#筛选值”）.prop（“已禁用”，false）；
}
表.setFilter（filter，$（“#filter type”）.val（），$（“#filter value”）.val（）；
}
//值更改时更新过滤器
$（“#过滤器字段，#过滤器类型”）.change（updateFilter）；
$（“#过滤器值”）.keyup（updateFilter）；
//在“清除过滤器”按钮上清除过滤器单击
$（“#过滤器清除”）。单击（函数（）{
$（“#过滤器字段”）.val（“”）；
$（“#过滤器类型”）.val（“=”）；
$（“#筛选值”）.val（“”）；
表.clearFilter（））；
});
//生成制表器
var table=新制表器（“示例表”{
高度：“311px”，
布局：“fitColumns”，
栏目：[
{标题：“名称”，字段：“名称”，宽度：200}，
{标题：“进度”，字段：“进度”，格式化程序：“进度”，排序程序：“编号”}，
{标题：“性别”，字段：“性别”}，
{标题：“评级”，字段：“评级”，格式化程序：“星形”，对齐：“中心”，宽度：100}，
{标题：“喜爱的颜色”，字段：“颜色”}，
{标题：“出生日期”，字段：“dob”，对齐：“中心”，分拣机：“日期”}，
{标题：“驾驶员”，字段：“汽车”，对齐：“中心”，格式化程序：“滴答声”}，
],
});```

您尝试过什么？除了你写的文本之外，我们没有任何关于你问题的背景。这还不清楚，最好在相关区域发布代码片段，这样我们就可以看到您的错误所在。有关格式化和编写好问题的更多详细信息，请参阅和或