因为几天.sticky-top类不再适用于thead标签。上周它完美地工作了,现在我回来并在我的应用程序上尝试了一些东西,它停止了工作。有人知道为什么吗?
<thead class="sticky-top>
...
<thead>
这完全奏效了。现在我不能再使用它了。我测试它只是div和div仍然工作,但我得到一个电子dom错误,我不能产生一个div作为一个表的孩子,我不能产生thead / th作为div的孩子。
干杯, Puschek
答案 0 :(得分:4)
对于解决此问题的所有人:
不知怎的,你不能直接粘贴在thead上(我只是想知道为什么它在1周前工作了......)所以你必须将元素粘贴到你的<thead>
。所以只需给每个<th>
.sticky-top
类,它就可以正常运行。
问候
答案 1 :(得分:1)
我发现.sticky-top
与.table-responsive
不能一起使用,以防万一您添加了它。
Here是一种折衷解决方案
答案 2 :(得分:0)
将元素从边到边定位在视口的顶部,但只有在滚过它之后才能定位。 .sticky-top
实用程序使用CSS的position: sticky
,并非所有浏览器都完全支持。
Microsoft Edge和IE11将position: sticky
呈现为position: relative
。因此,我们将样式包装在@supports
查询中,将粘性限制为只能正确呈现它的浏览器。
<div class="sticky-top">...</div>
详细了解
https://getbootstrap.com/docs/4.0/utilities/position/#sticky-top
答案 3 :(得分:0)
欢呼声 我有同样的问题
检查: 很少有东西要纠正