大家好，我是前端一条鱼 _.
今天遇到一个问题：ie11下，循环的多个el-table，每列设置的固定宽度width='100'失效。
分析原因：可能是由于el-table表格在循环时，ie下table表格的宽度没有值，不能根据具体的宽度，设置每列的宽度。
（以上自己瞎分析，出错勿听）
解决思路和代码：
1.获取一个table表格元素
2.使用window.getComputedStyle方法返回table元素的最终样式结果
3.循环所有的table表格，给每一个表格设置宽度
if (IEVersion() === 11) {
let node = document.getElementsByClassName('el-table')[0]
let computedNode = window.getComputedStyle(node, null)
Array.from(document.getElementsByClassName('el-table')).forEach((el, idx) => {
el.style.width = computedNode.width
})
}
网友评论