react antd实现竖向表头表格

平时大多做的表格都是横向表头的表格,突然有一次需求是竖向表头的表格,之后发现了Descriptions这个组件,这个组件的名称是描述列表,一开始都没想到这个会跟表格有关系

实现的竖向表头表格

代码如下

<div style={{ width: 500 ,border:'1px green solid',marginTop:'20px',padding:'20px'}}>
    <Descriptions title="竖向表头表格" bordered column={2}>
     	<Descriptions.Item label="姓名">张三</Descriptions.Item>
        <Descriptions.Item label="年龄">22</Descriptions.Item>
        <Descriptions.Item label="籍贯">YES</Descriptions.Item>
        <Descriptions.Item label="联系地址">噔噔蹬蹬对对对</Descriptions.Item>
    </Descriptions>
</div>

column是控制每行描述列的数量,默认是3


版权声明:本文为m0_46313328原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。