ant table里面如何不让chirdren展示
时间: 2024-03-27 19:36:21 浏览: 220
如果你想在一个 antd 的 Table 组件中不显示子节点,可以使用 `expandable` 属性并将 `expandRowByClick` 设置为 `false`。这样,用户就不能通过点击行来展开子节点,也就不会显示子节点了。
以下是一个代码示例:
```jsx
import { Table } from 'antd';
const dataSource = [
{
key: '1',
name: 'John Brown',
age: 32,
children: [
{
key: '11',
name: 'Child John Brown',
age: 8,
},
{
key: '12',
name: 'Child John Brown',
age: 6,
},
],
},
{
key: '2',
name: 'Jim Green',
age: 42,
children: [
{
key: '21',
name: 'Child Jim Green',
age: 10,
},
],
},
{
key: '3',
name: 'Joe Black',
age: 32,
},
];
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
},
];
function App() {
return (
<Table
dataSource={dataSource}
columns={columns}
expandable={{
expandRowByClick: false,
}}
/>
);
}
```
在上面的示例中,`expandable` 属性被设置为 `{ expandRowByClick: false }`,这样就可以隐藏所有的子节点。
阅读全文