数据表选择并搜索过滤器

Question

我正在使用here中的数据表。我已经实现了列式选择过滤器。我想为我的表实现一个混合的选择和搜索过滤器。换句话说，我说有3行：No，Name，Address。 No列应包含搜索过滤器。 Name应该有一个选择过滤器，而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" }