Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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 列筛选器不使用行分组_Javascript_Jquery_Datatables - Fatal编程技术网

Javascript 列筛选器不使用行分组

Javascript 列筛选器不使用行分组,javascript,jquery,datatables,Javascript,Jquery,Datatables,在集成jQuery DataTables和时,jQuery DataTables列筛选器不起作用 我尝试了,但似乎在演示栏过滤器也不工作 解决方案 随着插件不再被开发,我不建议使用它们。使用DataTables选项和API方法执行行分组和单个列搜索,如和所示 //设置-向每个页脚单元格添加文本输入 $('#示例tfoot th')。每个(函数(){ var title=$('#示例thead th').eq($(this.index()).text(); $(this.html(“”); } )

在集成jQuery DataTables和时,jQuery DataTables列筛选器不起作用

我尝试了,但似乎在演示栏过滤器也不工作

解决方案

随着插件不再被开发,我不建议使用它们。使用DataTables选项和API方法执行行分组和单个列搜索,如和所示

//设置-向每个页脚单元格添加文本输入
$('#示例tfoot th')。每个(函数(){
var title=$('#示例thead th').eq($(this.index()).text();
$(this.html(“”);
} );
//数据表
变量表=$('#示例')。数据表({
“订单”:[[2,‘asc']],
“drawCallback”:函数(设置){
var api=this.api();
//行分组列的从零开始的索引
变量col_name=2;
//如果按包含名称的列排序
if(api.order()[0][0]==列名称){
var rows=api.rows({page:'current'}).nodes();
var group_last=null;
column(col_name,{page:'current'}).data().each(函数名,索引){
变量组=名称;
如果(最后一组!==组){
$(行).eq(索引).before(
''+组+''
);
组_last=组;
}
});
}
}
});
//应用搜索
table.columns().every(函数(){
var=这个;
$('input',this.footer()).on('keyup change',函数(){
如果(that.search()!==this.value){
那个
.search(this.value)
.draw();
}
} );
} );    
演示


有关代码和演示,请参阅。

请参阅此处的答案->我遇到了问题。请帮我再问一次。我想用API方法更改插件行分组,以执行行分组。以前,我使用插件行分组()。如果使用API模型,如何从数据库中获取颜色字段。感谢you@mosestoh,显示颜色取自每行的第5列。这不是你想要的吗?我知道。但是我在使用API方法时仍然有困难。当使用API方法时,我不能像这样使用颜色字段:。从测试变量可以取颜色字段,但我还是有困难。