Ant Design Table、List 等自定义全局组件的 Empty 样式

用的是3.x版本的
https://3x.ant.design/components/empty-cn/

List数据、Table数据为空,会默认显示个暂无数据,想要自定义样式,发现如果不仔细看都找不到在哪写哈哈

import { ConfigProvider,Empty,Table, List,} from 'antd';

const customizeRenderEmpty = () => (
  <Empty
        description={
          <span>
            暂无评论哦,快来评论一下吧!
          </span>
        }
      />
);

class Demo extends React.Component {
  render() {
    return (
      <div>
        <ConfigProvider renderEmpty={customizeRenderEmpty}>
          <div className="config-provider">
            <h3>Table</h3>
            <Table
              style={{ marginTop: 8 }}
              columns={[
                {
                  title: 'Name',
                  dataIndex: 'name',
                  key: 'name',
                },
                {
                  title: 'Age',
                  dataIndex: 'age',
                  key: 'age',
                },
              ]}
            />

            <h3>List</h3>
            <List />
          </div>
        </ConfigProvider>
      </div>
    );
  }
}

ReactDOM.render(<Demo />, mountNode);
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容