element-UI table如何设置列的宽度

发布于 2022-09-12 03:56:27 字数 599 浏览 9 评论 0

image.png
如图,表格宽度是自动分配的,
使用v-deep:来设置表格列宽,不起作用,
image.png
如果在行内设置,只能设置固定px,用width,或者min-width,设置百分比,是图1宽度的百分之x,不是想要的
QOTLQ8X[]8J3V$2(39MI6DO.png8Y}VPQ~FH[DW632HJO3)O%6.png
如何根据表格宽度,百分比设置列的宽度?
没有写列的宽度,列宽应该是根据colgroup自动分配的,但是这个选不中
8GR@DGM07CLJ2LHQ3WCIJD5.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

心碎的声音 2022-09-19 03:56:27

column里面设置min-width一样可以起到百分比的效果,比如你的table宽度是1000px,min-width设置100,就是10%,如果你只设置了五个column都是100,100实际就会占200px宽度

<el-table-column align="center" label="xx" min-width="100" prop="yy" />
梦与时光遇 2022-09-19 03:56:27
 <el-table-colum width='100px'/>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文