1. 设置el-table的宽度为100% 首先,确保el-table的宽度设置为100%,这通常是默认的,但也可以显式地通过样式来设置: html <el-table :data="tableData" style="width: 100%;"> <!-- 列内容 --> </el-table> 2. 确定el-table中列的数量 你需要知道表格中有多少列,这可以通...
原因是el-table中每列el-table-column都设置了宽度,这里宽度都为150 注: 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 1、去掉所有或者部分列的width设置就会自动宽度为100%
applyTableColWidths.push(applyTableCol[i].width) } // console.log(applyTableColWidths) // localStorage.setItem('applyTableColWidths', JSON.stringify(applyTableColWidths)) this.setCookie('applyTableColWidths',JSON.stringify(applyTableColWidths),30)把对应每列的数组宽度存到cookie里 }, 100) }...
分析原因:可能是由于el-table表格在循环时,ie下table表格的宽度没有值,不能根据具体的宽度,设置每列的宽度。 (以上自己瞎分析,出错勿听) 解决思路和代码: 1.获取一个table表格元素 2.使用window.getComputedStyle方法返回table元素的最终样式结果 3.循环所有的table表格,给每一个表格设置宽度 if(IEVersion()===...
vue+element el-table拉动每列的宽度,并保存到cookie里 技术标签: vue1.在表格上写@header-dragend=“surverWidth” 2.表头造成数组 surverWidth(newWidth, oldWidth, column, event){ setTimeout(() => { // console.log(newWidth, oldWidth, column, event) var applyTableColWidth......