数据表 select 和搜索过滤器

Question

我正在使用来自 here 的数据 table。我已经实现了按列 select 过滤器。我想为我的 table 实施 select 和搜索过滤器的混合。换句话说，假设我有 3 行：No、Name、Address。 No 列应该有一个搜索过滤器。 Name 应该有一个 select 过滤器，Address 应该有一个搜索过滤器。我怎样才能做到这一点？任何示例代码都可以帮助将其修改为我的实际应用程序。

Answer 1

您可以使用 Column Filter plugin

('#example').dataTable().columnFilter({
    aoColumns: [ 
                { type: "text" },
                { type: "select", values: [ 'Adam', 'Bob', 'Casey', 'Dave']  },
                { type: "text" }
            ]

这为每一列设置了一个过滤器。第一列是文本，第二列是包含 values 中列出的名称的下拉列表，第三列是另一个文本框。

如果您希望 No 列成为 numeric range，您可以这样做：

{ type: "number-range" }

如果您只想搜索单个号码，您可以这样做：

{ type: "number" }

数据表 select 和搜索过滤器

Datatables select and search filter

datatable

jquery