antd表格组件数据为空展示
时间: 2023-09-26 16:14:16 浏览: 188
virtualized-table-for-antd:用于蚂蚁设计的虚拟表组件
如果antd表格组件的数据为空,可以通过设置`locale.emptyText`属性来展示相关提示信息。比如:
```jsx
import { Table } from 'antd';
const dataSource = [];
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
},
{
title: 'Address',
dataIndex: 'address',
key: 'address',
},
];
const locale = {
emptyText: '暂无数据',
};
<Table dataSource={dataSource} columns={columns} locale={locale} />;
```
以上代码中,`locale.emptyText`的值为`暂无数据`,当数据源`dataSource`为空时,antd表格组件就会显示`暂无数据`提示信息。
阅读全文