本篇内容主要讲解“怎么使用element-ui设置table组件宽度为百分比”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么使用element-ui设置table组件宽度为百分比”吧!
直接设置width：'xx%'是无效的，
所有的width都设置为min-width，然后每一个el-table-column都需要设置百分比才会生效。
计算
安全
数据库
网络和加速
企业服务
<el-table-column
prop="projectName"
min-width="24%" //设置百分比
label="项目点位名称"/>
<el-table-column
prop="sumPre"
min-width="12%" //设置百分比
label="累积降水量">
<template slot-scope="scope">
{{ parseFloat(scope.row.sumPre.toFixed(1)) }} mm
</template>
</el-table-column>
<el-table-column
prop="companyName"
min-width="24%" //设置百分比
label="所属单位"/>
<el-table-column
prop="province"
min-width="10%" //设置百分比
label="省"/>
<el-table-column
prop="city"
min-width="10%" //设置百分比
label="市"/>
<el-table-column
prop="county"
min-width="10%" //设置百分比
label="区县"/>用min-width代替width
解析的时候min-width和width设置的百分比号会被替换成px，但是min-width会按照比例分配剩余空间，所以要每一列都设置百分比，或写数值，相当于设置各列的宽度比例值
到此，相信大家对“怎么使用element-ui设置table组件宽度为百分比”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
