ant-design的Table组件自定义空状态
Table,是antd中一个我们经常使用的组件，在官方文档中给出了非常详细的实例以及API， 但在我们在使用过程中可能需要根据项目的要求来定制空状态时的展示。 什么是空状态呢？ 在antd的官方文档中他是这么说的 当目前没有数据时，用于显式的用户提示。 初始化场景时的引导创建流程。 我们需要做的就是要自定义Table的 Empty（空状态），但是在查询官方文档的过程中，我们并没有发现Table组件提供修改Empty的相关接口，它直接使用了antd全局默认的空状态。 虽然Table没有提供直接修改Empty的接口，但是提供了全局化配置“Configprovider”,我们可以使用全局化配置来修改antd默认的空状态，而它的使用也非常的简单，我们只需要 import { ConfigProvider } from 'antd'; 然后用 <ConfigProvider renderEmpty={我们自己定义的空状态}></ConfigProvider>来包裹我们需要使用自定义空状态的组件即可，代码如下： import React,{Component} from 'react'; import { Table,ConfigProvider,Icon } from 'antd'; const columns = [ { title: 'Name', dataIndex: 'name',