layui数据表格过滤指定数据

layui是一个轻量级的前端UI框架，它提供了一个灵活的数据表格组件，可以方便地实现数据的展示和筛选。如果你想要在layui表格中实现过滤特定数据的功能，你可以按照以下步骤操作：

1. 首先，在HTML中创建一个layui表格，包括列头（用于设置搜索字段）：

<table id="demo" lay-filter="test" lay-data=data>
    <thead>
        <tr>
            <th lay-filter="name">姓名</th>
            <th lay-filter="age">年龄</th>
            <!-- 添加其他需要过滤的列 -->
        </tr>
    </thead>
</table>

在这里，`lay-filter`属性用于指定列头的过滤功能。

2. 初始化表格，并提供初始数据（data）：

var data = [
    { name: '张三', age: 20 },
    // ...
];

layui.use('table', function () {
    var table = layui.table;
    table.render({
        elem: '#demo',
        data: data,
        filter: true, // 开启过滤功能
        cols: [[
            { field: 'name', title: '姓名' },
            { field: 'age', title: '年龄' },
            // 添加其他列配置
        ]]
    });
});

3. 当用户输入框改变时，动态触发表单的过滤事件，比如通过监听`keyup`事件：

$("#demo").on("keyup", ".layui-table-filter input", function () {
    var keyword = $(this).val();
    table.filter({
        field: this.getAttribute("lay-filter"),
        value: keyword,
        type: 1 // 这里1表示模糊查询
    }).draw(); // 刷新表格显示过滤结果
});

在这个例子中，当你在“姓名”或“年龄”等列的搜索框中输入内容，表格会自动匹配包含该关键词的数据行。