防止行复选框与CSS中的表头重叠

Question

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

这是我的CSS：

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

输出如下：

我如何实现目标？

Answer 1

谢谢大家的投入。我刚刚在CSS上添加了它，就达到了效果：）

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