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

Question

Ag-grid提供了有关网格自动高度的出色文档：
https://www.ag-grid.com/javascript-grid-width-and-height/

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

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

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

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; 
}

请参考所附的代码：Auto Height - Fixed Header