el-table列宽设置百分比无效；el-table使用min-width设置百分比；el-table百分比设置无效；

废话不多说，直接给每个el-table-column，设置 width="auto" min-width="25%"即可。
总的百分比还是要等于100%哈。
点赞收藏吧感谢

代码可以直接复制使用：

<template><div style="width:1300px;"><el-table border :data="tableData" fit style="width: 100%"><el-table-column label="文字" width="auto" min-width="25%"><template slot-scope="scope"><el-input v-model="scope.row.obj1.string"></el-input></template></el-table-column><el-table-column prop="name" label="姓名" width="auto" min-width="25%"></el-table-column><el-table-column prop="a" label="a" width="auto" min-width="5%"></el-table-column><el-table-column prop="b" label="b" width="auto" min-width="5%"></el-table-column><el-table-column prop="c" label="c" width="auto" min-width="5%"></el-table-column><el-table-column prop="d" label="d" width="auto" min-width="5%"></el-table-column><el-table-column prop="e" label="e" width="auto" min-width="5%"></el-table-column><el-table-column prop="f" label="f" width="auto" min-width="5%"></el-table-column><el-table-column prop="address" label="地址" width="auto" min-width="20%"></el-table-column></el-table></div>
</template><script>export default {data () {return {tableData: [{obj1: { string: '比例25%' }, name: '比例25%', a: '比例5%', b: '比例5%', c: '比例5%', d: '比例5%', e: '比例5%', f: '比例5%', address: '比例20%'},{obj1: { string: '一二三四五六七八九十' }, name: '王小虎', a: '12', b: '211', c: '111', d: '1', e: 11, f: '122', address: '上海市普陀区金沙江路 1517 弄'},{obj1: { string: '条件他又长又短的的女分的看到偶尔偶尔饿哦偶尔分佛开口分配佛分富婆看哦考配哦' }, name: '王小虎', a: '111111', b: '211', c: '111', d: '1', e: 11, f: '122', address: '上海市普陀区金沙江路 1519 弄'},{obj1: { string: '条件他又长又看到配佛分富婆看哦考配哦' }, name: '王小虎', a: '12', b: '211', c: '111', d: '1', e: 11, f: '122', address: '123456789'}]}}
}
</script>

el-table列宽设置百分比无效；el-table使用min-width设置百分比；el-table百分比设置无效；相关推荐

table 列宽计算方式
一.固定表局部算法使用这种快速算法,表格的水平布局不依赖于单元格的内容,仅取决于表格的宽度,列的宽度以及边框或单元格间距. 每列宽度算法: 如果列元素的 "width" 属性值不 ...
table列宽控制，word-break等
从一开始写html就一直一直一直被这个问题困扰啊,每次都得调上一天啊,今天非得记下来啊. 一个table,里面装的东西都很长,导致表格变形,怎么办? 首先,用colgroup把每一列的比例设置好,尽量 ...
Bootstrap Table列宽拖动的方法
Bootstrap Table可拖动列,需要用到它的Resizable扩展插件需要引入 bootstrap-table扩展插件 bootstrap-table-resizable.js 这个插件还依 ...
计算机excel行高在哪里,如何在Excel2016中设置改行高和列宽？
相信大家会发现excel2016默认的行号和列宽有的时候会不符合自己的要求,那如何在Excel2016中设置改行高和列宽?下面感兴趣的小伙伴就和小编一起来学习一下具体的方法吧! Excel2016设置 ...
C# 设置Excel数据自适应行高、列宽的2种情况
Excel表格中,由于各种数据的复杂性,可能存在单元格中的数据字号大小.数据内容长度不一而出现,列宽过宽.过窄或者行高过大.过小的问题.常见的解决方法是调整行高.列宽.在Microsoft Excel ...
POI导出Excel：设置字体、颜色、行高自适应、列宽自适应、锁住单元格、合并单元格...
点击关注公众号,利用碎片时间学习 1. 前言 poi框架可以支持我们在java代码中, 将数据导出成excel , 在实际开发中, 往往还需要设置excel字体,颜色,行高,列宽等属性, 有时候还需要 ...
计算机excel中行高在哪里,电脑Excel表格怎么对行高和列宽进行调整
电脑Excel表格怎么对行高和列宽进行调整腾讯视频/爱奇艺/优酷/外卖充值4折起在我们使用Excel表格处理数据的时候,我们经常需要调整行高和列宽,今天小编就告诉大家电脑Excel表格怎么对行高 ...
POI导出excel--设置字体,颜色,行高自适应,列宽自适应,锁住单元格,合并单元格
1. 前言 poi框架可以支持我们在java代码中, 将数据导出成excel , 在上一篇如何使用POI导出excel表格,以及处理浏览器无法识别下载文件的问题中已经详细的进行了介绍 , 但是实际 ...
钢琴键盘excel_如何使用键盘在Excel中设置行高和列宽
钢琴键盘excel Setting the row height and column width in Excel is easy, but if you'd rather use the keyb ...
table设置colspan属性，列宽显示错位解决方法
table设置colspan属性,列宽显示错位解决方法参考文章: (1)table设置colspan属性,列宽显示错位解决方法 (2)https://www.cnblogs.com/xiaoxiao ...

el-table列宽设置百分比无效；el-table使用min-width设置百分比；el-table百分比设置无效；

el-table列宽设置百分比无效；el-table使用min-width设置百分比；el-table百分比设置无效；相关推荐

最新文章

热门文章