【vue】对el-table-column循环展示中的某列修改长度(利用三元表达式)
【vue】对el-table-column循环展示中的某列修改长度(利用三元表达式)循环显示表格中数据,基本长度固定。但对于某些行,换行太多,所以针对某一行,改变它的宽度。<el-table:data="djbList"borderstyle="width: 100%; overflow: auto"max-height="150"><el-table-column type="
·
【vue】对el-table-column循环展示中的某列修改长度(利用三元表达式)
循环显示表格中数据,基本长度固定。但对于某些行,换行太多,所以针对某一行,改变它的宽度。
<el-table
:data="djbList"
border
style="width: 100%; overflow: auto"
max-height="150">
<el-table-column type="selection"> </el-table-column>
<el-table-column
v-for="column in djbTableColumns"
:prop="column.field"
:label="column.label"
sortable="custom"
:key="column.field"
:min-width="column.field==='dksyt'?'300':'200'">
</el-table-column>
</el-table>
主要是min-width的三元表达式:
:min-width=“column.field===‘dksyt’?‘300’:‘200’”
更多推荐
已为社区贡献9条内容
所有评论(0)