我正在做一个中型项目，我们需要在复杂的表中显示一些信息。标头必须为粘性，以便当您向下滚动页面时，标头会固定在表格顶部。
由于我想支持IE和早期版本的Chrome，因此我不要要使用position: sticky;。我不介意它涉及一些JS，因为我以前对此的尝试也包含了这一点。
我已经走了，简单地用JS来完成，并在用户进一步向下滚动表头时使position: fixed;成为可能。但是，这似乎也有与进一步的堆叠闪电中说明的问题相同的麻烦。
这使我认为它可能与我不正确的尺寸有关。
我已经研究了Angular Sticky Things的使用。我只是想在给定的上下文中使用该库：
我有一个Stackblitz，上面有示例用法。
如果有人能给我一个提示，我应该很高兴。
我希望整个thead向下移动，而不进行自身缩放或对表的其余部分进行缩放！
答案 0 :(得分：1)
我在第一行CSS中添加了display:inherit，以更接近您想要的内容。width属性用于匹配粘性标题和表格其余部分之间的宽度...
thead.is-sticky{display:inherit;width:calc(100vw - 35px)!important;}
唯一的限制就是表格的限制。例如如果标题太大，则会弄乱较小屏幕上的外观，所以我们打断了这个词，因此这是第二行CSS：
th, tr{word-break: break-word;}