Javascript 制表器列可见,使用函数确定列的可见性

Javascript 制表器列可见,使用函数确定列的可见性,javascript,jquery,tabulator,Javascript,Jquery,Tabulator,我试图通过一个函数设置列的可见性,以检查单元格中的值是否为真,然后列是可见的,否则它是隐藏的, 此部分基于行中的列值,如下所示 我的计划是,如果Agrange的值>25,则该列可见,但没有成功,我尝试了以下代码: { title: "Age", formatter: AgeIcon, width: 40, headerSort: false, visible: function (e, cell) {

我试图通过一个函数设置列的可见性,以检查单元格中的值是否为真,然后列是可见的,否则它是隐藏的, 此部分基于行中的列值,如下所示 我的计划是,如果Agrange的值>25,则该列可见,但没有成功,我尝试了以下代码:

    {
      title: "Age",
      formatter: AgeIcon,
      width: 40,
      headerSort: false,
      visible: function (e, cell) {
        return cell.getRow().getData().ageRange > 25;
      }
    },
通过函数设置列可见性

根据,列定义上的
visible
属性不接受函数——只接受布尔值

使用
hideColumn
函数根据数据隐藏列

有关示例,请参见此代码段

//定义数据
常数表数据=[{
id:1,
姓名:“奥利·鲍勃”,
地点:“联合王国”,
性别:“男性”,
评级:1,
上校:“红色”,
dob:“14/04/1984”
},
{
id:2,
姓名:“玛丽·梅”,
地点:“德国”,
性别:“女性”,
评级:2,
上校:“蓝色”,
dob:“14/05/1982”
},
{
id:3,
姓名:“克里斯汀·洛博斯基”,
地点:“法国”,
性别:“女性”,
评级:0,
上校:“绿色”,
dob:“22/05/1982”
},
{
id:4,
姓名:“布伦登飞利浦”,
地点:“美国”,
性别:“男性”,
评级:1,
上校:“橙色”,
dob:“1980年8月1日”
},
{
id:5,
姓名:“Margret Marmajuke”,
地点:“加拿大”,
性别:“女性”,
评级:5,
上校:“黄色”,
dob:“31/01/1999”
},
{
id:6,
名称:“弗兰克港”,
地点:“俄罗斯”,
性别:“男性”,
评级:4,
上校:“红色”,
dob:“1966年5月12日”
},
{
id:7,
姓名:“杰米·纽哈特”,
地点:“印度”,
性别:“男性”,
评级:3,
上校:“绿色”,
dob:“14/05/1985”
},
{
id:8,
姓名:“Gemma Jane”,
地点:“中国”,
性别:“女性”,
评级:0,
上校:“红色”,
dob:“22/05/1982”
},
{
id:9,
姓名:“艾米丽·赛克斯”,
地点:“韩国”,
性别:“女性”,
评级:1,
上校:“栗色”,
dob:“1970年11月11日”
},
{
id:10,
姓名:“詹姆斯·纽曼”,
地点:“日本”,
性别:“男性”,
评级:5,
上校:“红色”,
dob:“22/03/1998”
},
];
//定义表
const table=新制表器(“示例表”{
数据:tabledata,
栏目:[{
标题:“姓名”,
字段:“名称”,
宽度:200
},
{
标题:“性别”,
字段:“性别”,
可见:假
},
{
标题:“评级”,
字段:“评级”,
宽度:80,
bottomCalc:“平均值”,
可见:正确
},
{
标题:“最喜欢的颜色”,
字段:“col”
},
{
标题:“出生日期”,
字段:“dob”,
对齐:“居中”,
分拣机:“日期”
}
],
});
const ratings=tabledata.map(d=>d.rating);
const averating=ratings.reduce((p,c)=>p+c)/ratings.length;
//如果平均评级较低,则隐藏“评级”列
如果(平均值<2.5){
表.hideColumn(“评级”);
log(`Average rating为${averating},列隐藏`);
}

通过函数设置列可见性

根据,列定义上的
visible
属性不接受函数——只接受布尔值

使用
hideColumn
函数根据数据隐藏列

有关示例,请参见此代码段

//定义数据
常数表数据=[{
id:1,
姓名:“奥利·鲍勃”,
地点:“联合王国”,
性别:“男性”,
评级:1,
上校:“红色”,
dob:“14/04/1984”
},
{
id:2,
姓名:“玛丽·梅”,
地点:“德国”,
性别:“女性”,
评级:2,
上校:“蓝色”,
dob:“14/05/1982”
},
{
id:3,
姓名:“克里斯汀·洛博斯基”,
地点:“法国”,
性别:“女性”,
评级:0,
上校:“绿色”,
dob:“22/05/1982”
},
{
id:4,
姓名:“布伦登飞利浦”,
地点:“美国”,
性别:“男性”,
评级:1,
上校:“橙色”,
dob:“1980年8月1日”
},
{
id:5,
姓名:“Margret Marmajuke”,
地点:“加拿大”,
性别:“女性”,
评级:5,
上校:“黄色”,
dob:“31/01/1999”
},
{
id:6,
名称:“弗兰克港”,
地点:“俄罗斯”,
性别:“男性”,
评级:4,
上校:“红色”,
dob:“1966年5月12日”
},
{
id:7,
姓名:“杰米·纽哈特”,
地点:“印度”,
性别:“男性”,
评级:3,
上校:“绿色”,
dob:“14/05/1985”
},
{
id:8,
姓名:“Gemma Jane”,
地点:“中国”,
性别:“女性”,
评级:0,
上校:“红色”,
dob:“22/05/1982”
},
{
id:9,
姓名:“艾米丽·赛克斯”,
地点:“韩国”,
性别:“女性”,
评级:1,
上校:“栗色”,
dob:“1970年11月11日”
},
{
id:10,
姓名:“詹姆斯·纽曼”,
地点:“日本”,
性别:“男性”,
评级:5,
上校:“红色”,
dob:“22/03/1998”
},
];
//定义表
const table=新制表器(“示例表”{
数据:tabledata,
栏目:[{
标题:“姓名”,
字段:“名称”,
宽度:200
},
{
标题:“性别”,
字段:“性别”,
可见:假
},
{
标题:“评级”,
字段:“评级”,
宽度:80,
bottomCalc:“平均值”,
可见:正确
},
{
标题:“最喜欢的颜色”,
字段:“col”
},
{
标题:“出生日期”,
字段:“dob”,
对齐:“居中”,
分拣机:“日期”
}
],
});
const ratings=tabledata.map(d=>d.rating);
const averating=ratings.reduce((p,c)=>p+c)/ratings.length;
//如果平均评级较低,则隐藏“评级”列
如果(平均值<2.5){
表.hideColumn(“评级”);
log(`Average rating为${averating},列隐藏`);
}


这与代码没有多大关系,它只是一个包含函数的对象,除非将该对象放入某种上下文中,然后被其他对象使用,否则永远不会调用该函数。那是什么背景?那是