Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.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_Filtering_Tabulator - Fatal编程技术网

Javascript 如何根据单元格元素属性筛选制表器

Javascript 如何根据单元格元素属性筛选制表器,javascript,jquery,filtering,tabulator,Javascript,Jquery,Filtering,Tabulator,我想根据单元格样式过滤制表器表中的数据,例如,显示验证失败的所有单元格 文档中的所有示例都是基于数据进行过滤,而自定义函数不传递cell对象进行过滤 下面是一个例子 var列=[]; $(函数(){ $(“#表THAD tr th”)。每个(函数(i,单元){ 变量名称=$(单元格).text(); var field=name.toLowerCase().replace(“,”); 柱推({ 标题:姓名, 字段:字段, 编辑:“输入”, 验证器:“必需” }); }); var table=

我想根据单元格样式过滤制表器表中的数据,例如,显示验证失败的所有单元格

文档中的所有示例都是基于数据进行过滤,而自定义函数不传递cell对象进行过滤

下面是一个例子

var列=[];
$(函数(){
$(“#表THAD tr th”)。每个(函数(i,单元){
变量名称=$(单元格).text();
var field=name.toLowerCase().replace(“,”);
柱推({
标题:姓名,
字段:字段,
编辑:“输入”,
验证器:“必需”
});
});
var table=新制表器(“#table”{
布局:“fitColumns”,
validationMode:“突出显示”,
列:列
});
table.validate();
});
正文{
利润率:20px;
}
桌子{
字体大小:14px;
}
.制表器验证失败{
背景#f4433624;
}

名字
姓
电子邮件地址
可移动的
城市
乔丹
塔尔博特
乔丹。Talbot@ex.ai
408 345 3433
洛杉矶
尼科
罗查
尼科。Rocha@ex.ai
408 445 5656
纽约
锡耶纳
布莱恩
西恩娜。Bryan@ex.ai
210 454 7799
奥斯丁
文尼
罩
文尼。Hood@ex.ai
540 672 2585
杰伊
列侬
松鸦。Lennon@ex.ai
波士顿
海伦
伊顿
海伦。Eaton@ex.ai
芝加哥

使用
行格式化程序
对象获取所有行对象,并使用
getElement
方法获取行元素
以及验证以检查该行是否有效,如下所示:

var列=[];
$(函数(){
$(“#表THAD tr th”)。每个(函数(i,单元){
变量名称=$(单元格).text();
var field=name.toLowerCase().replace(“,”);
柱推({
标题:姓名,
字段:字段,
编辑:“输入”,
验证器:“必需”
});
});
var table=新制表器(“#table”{
布局:“fitColumns”,
validationMode:“突出显示”,
列:列,
rowFormatter:函数(行){
让valid=row.validate()//如果有效,则返回true
如果(有效===true){
$(row.getElement()).css('display','none')
}
}
});
table.validate();
});
正文{
利润率:20px;
}
桌子{
字体大小:14px;
}
.制表器验证失败{
背景#f4433624;
}

名字
姓
电子邮件地址
可移动的
城市
乔丹
塔尔博特
乔丹。Talbot@ex.ai
408 345 3433
洛杉矶
尼科
罗查
尼科。Rocha@ex.ai
408 445 5656
纽约
锡耶纳
布莱恩
西恩娜。Bryan@ex.ai
210 454 7799
奥斯丁
文尼
罩
文尼。Hood@ex.ai
540 672 2585
杰伊
列侬
松鸦。Lennon@ex.ai
波士顿
海伦
伊顿
海伦。Eaton@ex.ai
芝加哥

是否只显示验证失败的行?@AksJacoves yes