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

标签 css html-table fixed-header-tables

我正在使用显示行的表 (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 上应用的样式,以便在发生滚动时隐藏在标题下方。

最佳答案

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

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

关于css - 滚动和表格滚动进入背景时如何固定表格标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51328323/

相关文章:

css - 使用位置时表格 CSS 不起作用

Jquery FullCalendar - 修复标题

javascript - 重叠的 HTML 元素

html - 如何从外部样式表渐变填充 SVG?

javascript - 选择父行,除非 Angular 表中存在子行

javascript - 从表中的不同行克隆图像

html - CSS匹配选择器的最后一个匹配项?

javascript - 随着内部 div 变大动态改变外部 div

jquery - 使用 jQuery 选择任意列