antd table动态表头_antd table动态控制指定列的显隐

需求：列表中有A，B,C三列，如果B没有数据的时候，将B隐藏。

//先将含有A,C的column写好

column = [

{ title: '商品名1', dataIndex: 'A', key: 'A', width: 180, },

{ title: '商品名3', dataIndex: 'C', key: 'C', width: 150, }

]

//在接口返回的数据中判断，如果B属性存在，就添加B列

if(data.length > 0 && data[0].B){

// 用splice方法，把B元素插入到指定位置

this.column.splice(1, 0,{ title: '商品名2', dataIndex: 'B', key: 'B', }); }

// 数据处理完以后setState一下，页面要重新渲染

this.setState({ data: data })

本文由

王, 婷婷创作，除注明转载/出处外，均为本站原创，转载前请务必署名

最后编辑时间为: 2021-01-28 08:55 星期四