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
  })
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容