Mudblazor Datagrid，其中我的标题是固定的，第一列是粘滞左侧，而水平滚动固定标题第一列不固定

Question

使用 Mudblazor，在 Datagrid 中，我的标题是固定的，第一列是粘滞左侧，而水平滚动固定标题第一列标题不固定，并且在水平滚动中也会受到影响。

制作链接： https://try.mudblazor.com/snippet/mYQeFYaNPNVnOpvJ

初始：在我的数据网格中，我的标题是固定的，第一列是粘在左边的。

我的问题：在我的数据网格中，当水平滚动时，我的第一列粘在左侧，但我的第一列标题未固定并在水平滚动中滚动。我希望我的第一个列标题是固定的并且不受水平滚动的影响。

Answer 1

通过使用FixedHeader =“true”，它会覆盖所有标题单元格的z-index值。 header 的 z-index 现在是 2，而 left-sticky 的 z-index 是 1。

肯定有更好的解决方案，但如果你使用

<style>
    .mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:first-child
    {
        z-index: 3;
    }
</style>

您可以将第一个标头 z-index 设置为 3，它会按预期工作。

我直接从 devtools Web 检查器中获取了

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:first-child

。