ie浏览器下,循环el-table表格每列设置的宽度失效

大家好,我是前端一条鱼 _.

今天遇到一个问题: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
  })
}

你可能感兴趣的:(ie浏览器下,循环el-table表格每列设置的宽度失效)