今天設(shè)置DescriptionList列數(shù)col=‘5’無效眨唬,后來在DescriptionList外層設(shè)置了<Row>用柵格形式來設(shè)置每個Description的寬度括改,就成功顯示了一行五列
const colSize = {
sm: { span: 24 },
md: { span: 12 },
xl: { span: 4 },
xxl: { span: 4 },
};
<Row gutter={4}>
<DescriptionList
className={styles.descriptionStyle}
size="small"
col="5"
>
<Col {...colSize}>
<Description term={intl.get('moveRoute')}>
{item.name}
</Description>
</Col>
<Col {...colSize}>
<Description term={intl.get('groupNumber1')}>
{item.sendBatchCode}
</Description>
</Col>
<Col {...colSize}>
<Description term={intl.get('moveOrderAmount')}>
{item.billCodes.length}
</Description>
</Col>
<Col {...colSize}>
<Description term={intl.get('goodsQuantity')}>
{this.sumCount(item.prodQtys)}
</Description>
</Col>
<Col {...colSize}>
<Description term={intl.get('spotGoodNo')}>
{item.sptCode[0]}
</Description>
</Col>
</DescriptionList>
</Row>