元素 UI Table - 添加百分比作为宽度
Element UI Table - Add Percentage as Width
我们可以像这样给元素 ui table 列添加宽度:
<el-table-column
prop="city"
label="City"
width="120">
</el-table-column>
但是,它只产生一个像素值。
有什么解决方案可以让它使用百分比值吗?
奇怪的是,对于 <el-table-column>
,width
以像素为单位,但 min-width
在列之间按比例分布。以下是 table 如何跨越 100% 的 clientWidth 以及 33% 和 67% 的列:
<el-table :data="[{a:1,b:2}]" style="width: 100%" ref="table">
<el-table-column :min-width="33" prop="a" label="A"></el-table-column>
<el-table-column :min-width="67" prop="b" label="B"></el-table-column>
</el-table>
我们可以像这样给元素 ui table 列添加宽度:
<el-table-column
prop="city"
label="City"
width="120">
</el-table-column>
但是,它只产生一个像素值。
有什么解决方案可以让它使用百分比值吗?
奇怪的是,对于 <el-table-column>
,width
以像素为单位,但 min-width
在列之间按比例分布。以下是 table 如何跨越 100% 的 clientWidth 以及 33% 和 67% 的列:
<el-table :data="[{a:1,b:2}]" style="width: 100%" ref="table">
<el-table-column :min-width="33" prop="a" label="A"></el-table-column>
<el-table-column :min-width="67" prop="b" label="B"></el-table-column>
</el-table>