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

【问题标题】：Element UI Table - Add Percentage as Width元素 UI 表 - 添加百分比作为宽度
【发布时间】：2019-04-28 21:02:03
【问题描述】：

我们可以像这样为元素 ui 表列添加宽度：

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

但是，它只产生一个像素值。

有没有办法让它使用百分比值？

【问题讨论】：

标签： vue.js element-ui

【解决方案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/

【讨论】：

你绝对的传奇。多年来一直与 Element 合作，但不知道这一点！