时间戳

首页 > 解决方案 > 修复了 IE 11 和 Microsoft Edge 中表格的标题

javascript - 修复了 IE 11 和 Microsoft Edge 中表格的标题

问题描述

为了避免表格在 IE 11 可滚动时与表格一起滚动，我正在使用 

document.querySelectorAll('.tableWrapper').forEach((tableWrapper) => {
      tableWrapper.addEventListener('scroll', () => {
      var translate = 'translate(0,' + tableWrapper.scrollTop + 'px)'
      tableWrapper.querySelector('thead').style.transform = translate
})

但是滚动表格时标题会振动。有没有人有解决方案来避免滚动表格时标题闪烁？

我使用了 position: sticky 但 IE 11 不支持它。它适用于其他浏览器。

滚动长表时，标题会不断闪烁。当用户上下滚动时，标题应保持在顶部。

标签： javascriptjqueryhtmlcsstwitter-bootstrap

解决方案

不久前，我在 IE 中遇到了这个特殊问题。我设法让它与这个插件完美配合。它有一些设置，但工作非常顺利

https://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/

推荐阅读