Ant-Design Table组件如何隐藏一列

222 阅读1分钟

Ant-Design Table组件如何隐藏一列

const ishidden = 1//也有可能非1
const columns = [{
     {
        title: '姓名',
        dataIndex: 'name',
        key: 'name'
     },
     {
        title: '年龄',
        dataIndex: 'age',
        key: 'age',
        hidden:ishidden == 1 ? true: false
     }
}].filter(v=>!v.hidden)
//true 隐藏 false 显示
<Table dataSource={dataSource} columns={columns} />;
//dataSource 是表格中的数据  columns是表头