廢話不多說，直接給每個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百分比设置无效；的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。