防止行复选框在 CSS 中重叠表头答案

【问题标题】：Prevent row checkbox from overlapping table header in CSS防止行复选框在 CSS 中重叠表头
【发布时间】：2018-12-23 13:07:36
【问题描述】：

所以我的页面中有一个表格，其中有一列包含复选框或搜索图标。我现在的问题是，如果我向下滚动表格内容，在表格标题上看到搜索图标或复选框，我该如何隐藏它？

这是我的 CSS：

<style lang="scss">
    .ui-table-header-row{
        width:100%;
        background-color:#dbb100;
        color:#fff;
    }
</style>

输出是这样的：

我怎样才能达到我的目标？

【问题讨论】：

请提供其余的 HTML 标记和 CSS 样式，这里不足以调试问题。
@kfedorov91 根据我的调试，这部分会影响我的表头。
@ramedju 是的，但我们不知道您页面的其余部分在做什么。请分享其余的 html 和 css。
@LukeFlego 谢谢大家。我已经想通了。我刚刚在我的 CSS 上添加了z-index，请在下面查看我的答案:) 我的问题已经解决了。

标签： css tableheader

【解决方案1】：

感谢大家的投入。我刚刚在我的 CSS 上添加了这个，它可以解决问题:)

<style lang="scss">
    .ui-table-header-row{
        width:100%;
        background-color:#dbb100;
        color:#fff;
    }
   .ui-table-header-cell{
        z-index: 1;
    }
</style>

【讨论】：