美文网首页
Ant Design Table、List 等自定义全局组件的

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

作者: IT姑凉 | 来源:发表于2020-09-14 18:16 被阅读0次

用的是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);

相关文章

网友评论

      本文标题:Ant Design Table、List 等自定义全局组件的

      本文链接:https://www.haomeiwen.com/subject/maczektx.html