vue.js - 元素 UI 表 - 添加百分比作为宽度

Question

我们可以为元素 ui 表列添加宽度，如下所示:

<el-table-column
  prop="city"
  label="City"
  width="120">
</el-table-column>

然而，它只产生一个像素值。

有什么解决方案可以让它使用百分比值吗？

Answer 1

奇怪的是，对于 <el-table-column> , width以像素为单位，但 min-width在列之间按比例分布。以下是表格如何跨越 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>

https://jsfiddle.net/jmbldwn/rn05vbsL/2/