要控制 Ant Design 表格中所有输入框的长度,可以在对应的标签中添加 style 属性,并设置 width 属性来控制输入框的宽度。例如,在 a-input-number 标签中添加 style 属性,设置 width 属性来控制借款金额和账务金额输入框的宽度:

<a-input-number :min="0" :max="10000000000000" :step="0.01" v-model="mdl.arrears" style="width: 100%"/>
<a-input-number :min="0" :max="10000000000000" :step="0.01" v-model="mdl.financialAmount" style="width: 100%"/>

同样地,在 a-textarea 标签中添加 style 属性,设置 width 属性来控制借款处理方式、账务处理方式和账务备注输入框的宽度:

<a-textarea
    v-model="mdl.arrearsMethod"
    placeholder="请输入借款处理方式"
    :auto-size="{ minRows: 2, maxRows: 6 }"
    style="width: 100%"
/>
<a-textarea
    v-model="mdl.financialMethod"
    placeholder="请输入账务处理方式"
    :auto-size="{ minRows: 2, maxRows: 6 }"
    style="width: 100%"
/>
<a-textarea
    v-model="mdl.financialRemarks"
    placeholder="请输入账务备注"
    :auto-size="{ minRows: 2, maxRows: 6 }"
    style="width: 100%"
/>

这样设置之后,输入框的宽度就会根据设置的 width 属性值进行调整。根据需要,可以调整 width 属性的数值来控制输入框的长度。

如何控制 Ant Design 表格中输入框长度

原文地址: http://www.cveoy.top/t/topic/cZjH 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录