css - 滚动和表格滚动进入背景时如何固定表格标题

Question

我正在使用显示行的表 (angular-4-data-table)。我想要一个固定标题的垂直滚动条。我尝试添加 style= position: fixed;到 <thead>部分。我可以看到固定的标题，但是当我滚动浏览时，表格数据部分正在标题顶部移动。

 <table class="table table-condensed table-bordered data-table">
            <thead style= position: fixed;>
</thead>
<tbody>
</tbody>
</table>

有没有我可以在 tbody 上应用的样式，以便在发生滚动时隐藏在标题下方。

Answer 1

tbody 标签是相对的，因此它会像页面中的所有其他元素一样运行。您应该只处理“特殊”元素 (thead)，以便让浏览器处理尽可能多的常见元素。

您是否尝试过将 z-index:999; 作为广告样式？