label=“Status” span={3},但是span为3无效
<Descriptions title="User Info" layout="vertical" bordered><Descriptions.Item label="Product">Cloud Database</Descriptions.Item><Descriptions.Item label="Billing Mode">Prepaid</Descriptions.Item><Descriptions.Item label="Automatic Renewal">YES</Descriptions.Item><Descriptions.Item label="Order time">2018-04-24 18:00:00</Descriptions.Item><Descriptions.Item label="Usage Time">2019-04-24 18:00:00</Descriptions.Item><Descriptions.Item label="Status" span={3}><Badge status="processing" text="Running" /></Descriptions.Item><Descriptions.Item label="Negotiated Amount">$80.00</Descriptions.Item><Descriptions.Item label="Discount">$20.00</Descriptions.Item><Descriptions.Item label="Official Receipts">$60.00</Descriptions.Item><Descriptions.Item label="Config Info">Data disk type: MongoDB<br />Database version: 3.4<br />Package: dds.mongo.mid<br />Storage space: 10 GB<br />Replication factor: 3<br />Region: East China 1<br /></Descriptions.Item></Descriptions>
原因:span={3} 这项,前面的span的总和需要是column的倍数,在上个例子中,
label="Status"前面的span总和为5,所以无效
解决方法:我是在动态值渲染中出现的这个问题
在label="Status"前面加一个
<Descriptions.Item span={column} />
其中column为Descriptions中column的值