react antd实现竖向表头表格

最新推荐文章于 2024-09-23 10:23:52 发布

77n

最新推荐文章于 2024-09-23 10:23:52 发布

阅读量5.3k

点赞数 6

分类专栏：前端文章标签： react.js 前端

本文链接：https://blog.csdn.net/m0_46313328/article/details/122120898

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

平时大多做的表格都是横向表头的表格，突然有一次需求是竖向表头的表格，之后发现了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>