const columns = [
{
title: 'a',
key: 'a',
},
{
title: 'b',
key: 'b',
},
{
title: 'c',
key: 'c',
},
{
title: 'd',
key: 'd',
hidden: isHidden === true, // 增加标识
},
].filter(v => !v.hidden); // 增加filter过滤
const MyTable = () => {
return <Table columns={columns} data={data} />;
};
ant-design组件table隐藏某个列
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 写在前面 几乎在所有的前端UI中,Table组件都有着不可或缺的作用,Table组件对于数据展示,有着天然的优势。...
- 标题有点长,就如这踩坑的时间,那么就进入这次的踩坑日记。在Vue的Table组件中,实现可伸缩列,如果你使用的是E...
- 背景:需要对项目环境做配置,所以执行了 eject需要修改antd组件的样式,不仅仅修改antd的主题色,所以把a...
- 场景:项目上使用到了ant design的table,需要table每列都加上开关,点击开关先弹出提示框,确认之后...