ag-grid - 如果表格是自动高度，如何修复 ag-grid 标题？

Question

Ag-grid 有关于网格自动高度的很好的文档：
https ://www.ag-grid.com/javascript-grid-width-and-height/

但是我不明白如何在我的桌子高度大于视口高度的情况下固定 ag-header。我向下滚动表格，但标题停留在顶部。

当您在文档页面的最后一个示例中选择 50 行自动高度时，您会看到相同的情况。

在这种情况下如何修复标题？

标签： ag-grid

Answer 1

添加下面的 css 以在具有自动高度的 ag 网格中具有固定标题。

CSS

.ag-theme-alpine .ag-header {
    top: 0;
    position: fixed;
    width: auto;
    display: table;
    z-index: 99;
}
.ag-theme-alpine .ag-root-wrapper {
     border: none!important; 
}

请参阅随附的代码：自动高度 - 固定页眉