问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
大爷永远是大爷
    6011537

    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

    element-uielementhtml5前端vue.js
    阅读 21.4k
    2 个回答
    得票最新
    头像
    leslie
      24963362
      ✓ 已被采纳

      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" />
      头像
      PeChen
        410141102
         <el-table-colum width='100px'/>
        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题