美文网首页
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