antd react 表格列columns 使用hidden
时间: 2024-09-29 18:09:14 浏览: 85
table 选择隐藏列
5星 · 资源好评率100%
在Ant Design for React中,如果你想要隐藏表格(Table)中的某一列,可以在`columns`数组中为该列设置`hidden`属性。这是一个简单的例子:
```jsx
import { Table } from 'antd';
const columns = [
{
title: '姓名',
dataIndex: 'name',
// 默认不隐藏
},
{
title: '年龄',
dataIndex: 'age',
// 隐藏这一列
hidden: true,
},
{
title: '地址',
dataIndex: 'address',
},
];
function App() {
return <Table columns={columns} data={yourDataArray} />;
}
export default App;
```
在这个例子中,"年龄"列将会默认不可见。你可以通过`hidden`属性动态控制列的显示或隐藏,比如根据条件或用户交互来改变它的值。
阅读全文