数据表选择并搜索过滤器

时间:2015-06-02 04:32:53

标签: jquery datatable

我正在使用here中的数据表。我已经实现了列式选择过滤器。我想为我的表实现一个混合的选择和搜索过滤器。换句话说,我说有3行:NoNameAddressNo列应包含搜索过滤器。 Name应该有一个选择过滤器,而Address应该有一个搜索过滤器。我怎样才能做到这一点?任何示例代码都可以帮助将其修改为我的实际应用程序。

1 个答案:

答案 0 :(得分:2)

您可以使用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" }