antd 表格 没值 兜底

可以在antd表格中使用NoData组件来实现表格没有数据时的兜底效果。NoData组件可以在表格中心显示一段提示信息，告诉用户当前表格没有数据。具体实现方法如下所示：

import { Table } from 'antd';

const dataSource = [];

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: '地址',
    dataIndex: 'address',
    key: 'address',
  },
];

const NoData = () => (
  <div style={{ textAlign: 'center' }}>
    <p>暂无数据</p>
  </div>
);

const App = () => (
  <Table
    dataSource={dataSource}
    columns={columns}
    locale={{
      emptyText: <NoData />,
    }}
  />
);

在上面的代码中，我们定义了一个NoData组件，它会在表格中心显示一段提示信息。然后在Table组件中，我们使用了locale属性来设置表格的本地化信息，其中emptyText属性用来设置表格没有数据时的提示信息，我们将其设置为我们定义的NoData组件即可。