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

【问题标题】：How to fix the ag-grid header if table is auto height?如果表格是自动高度，如何修复 ag-grid 标题？
【发布时间】：2019-08-21 05:37:33
【问题描述】：

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

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

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

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

【问题讨论】：

对不起，我删除了我的答案，我想我误解了这个问题，您是希望在向下滚动后看不到标题还是要查看标题？您应该轻松地将 domLayout 更改为固定或 autoHeight 以获取您的案例，从那里标题将更改其视图行为。您能否创建一个 codepen 或某种小型演示，看看您具体遇到了什么问题？
非常感谢您的回答。我会试试你的解决方案。如果它不起作用，我会添加一个代码笔。

标签： ag-grid

【解决方案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

【讨论】：