页面滚动时,如何使所有列标题在 ag-grid 中以角度粘贴(固定)?

Posted

技术标签:

【中文标题】页面滚动时,如何使所有列标题在 ag-grid 中以角度粘贴(固定)?【英文标题】:How to make all column headers sticky(fixed) in ag-grid in angular while page scrolling? 【发布时间】:2020-12-31 10:43:09 【问题描述】:

我已经尝试了两天,但我仍然找不到解决方案,请任何人帮助我。

【问题讨论】:

【参考方案1】:

我想你的标题 html 是这样的:

要粘贴在顶部的 CSS 必须是:

.header 
  position: fixed;
  width: 100vw;
  top: 0px;
  left: 0px;

【讨论】:

我已经尝试过了,但是当我们将位置固定为页面顶部时,我需要在向下滚动到标题位置后将其固定在顶部。

以上是关于页面滚动时,如何使所有列标题在 ag-grid 中以角度粘贴(固定)?的主要内容,如果未能解决你的问题,请参考以下文章

Ag-Grid:一旦列超出容器大小,调整列宽并显示水平滚动条

如何强制 ag-grid 滚动到选定/突出显示的行位置

如何将两个数据表内容的滚动同步在一起(ag-grid)

当列溢出数据时,如何在jquery数据表中使单列可滚动?

如何使 ag-grid 列与列中最大的文本一样宽

在 Ag-Grid 中如何读取所有页面特定的单元格数据并存储到数组中