这是默认的样子,没有数据时会显得label特别宽
设置列宽为200px后如图所示
方式如下
自定义style
.label .ant-descriptions-item-label{
width: 200px;
}
给descriptions应用样式
<a-descriptions id="jbxx" class="label" title="基本信息" bordered>
<a-descriptions-item label="事项说明" :span="3"></a-descriptions-item>
<a-descriptions-item label="事项类型"></a-descriptions-item>
<a-descriptions-item label="事项编码"></a-descriptions-item>
如果要设置内容列表宽度
同理加上
.label .ant-descriptions-item-content{
width: 350px;
}
标签:vue,label,ant,design,descriptions,设置,列宽,列表
From: https://www.cnblogs.com/boyolan/p/17564960.html