Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript DataTables-如何跨多个列进行筛选?_Javascript_Jquery_Datatables - Fatal编程技术网

Javascript DataTables-如何跨多个列进行筛选?

Javascript DataTables-如何跨多个列进行筛选?,javascript,jquery,datatables,Javascript,Jquery,Datatables,我希望能够使用DataTables按多个列进行筛选。现在我使用fnFilter()进行筛选,但是它的列参数似乎只接受一个整数,而不是一个列数组。这就是我到目前为止所做的: 在“允许的峰值”列中,我有一个数据搜索属性,设置了yescrest或nocrest。我想使用“Crest”复选框也可以通过它进行过滤 如果单击“原始”和“波峰”复选框,我将看到两个允许波峰的原始项。您可以签出DataTables插件,它允许多列多条件筛选(包括联合选择) 以下是正在运行的演示: $(文档).ready(函数(

我希望能够使用DataTables按多个列进行筛选。现在我使用fnFilter()进行筛选,但是它的列参数似乎只接受一个整数,而不是一个列数组。这就是我到目前为止所做的:

在“允许的峰值”列中,我有一个
数据搜索
属性,设置了
yescrest
nocrest
。我想使用“Crest”复选框也可以通过它进行过滤

如果单击“原始”和“波峰”复选框,我将看到两个允许波峰的原始项。

您可以签出DataTables插件,它允许多列多条件筛选(包括联合选择)

以下是正在运行的演示:

$(文档).ready(函数(){
//源数据定义
var表格数据=[
{项目:'香蕉',类别:'水果',颜色:'黄色'},
{项目:'梨',类别:'水果',颜色:'绿色'},
{项目:'卷心菜',类别:'蔬菜',颜色:'绿色'},
{项目:'胡萝卜',类别:'蔬菜',颜色:'红色'},
{项目:'苹果',类别:'水果',颜色:'红色'},
{项目:'猕猴桃',类别:'水果',颜色:'棕色'}
];
//数据表定义
window.dataTable=$('#mytable').dataTable({
sDom:‘tF’,
数据:tableData,
栏目:[{
数据:'项目',
标题:“项目”
}, {
数据:“类别”,
标题:“类别”
}, {
数据:“颜色”,
标题:“颜色”
}]
});
});


寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:。换句话说,问题应该是自包含的,而不是像JSFIDLE一样依赖外部资源。这使得它在很长一段时间内都很有帮助(尽管小提琴很好)嗨,达斯汀,你好吗?…也许这就是你想要的?感谢您的发布,但您的示例可能无法正常工作,没有列筛选元素。单击筛选图标没有筛选图标,请参阅。+1以获取答案。是否可以只获取过滤器选项?我不想强迫用户点击过滤器,取消等等,那么我该怎么做呢?它绑定到这些头,在动态呈现数据时可以工作。我有100个不同列的表。我认为为每个表编写JS函数不是个好主意