在Ionic-3页面的页面标题下方，将ag-Grid列标题设置为“粘性”？

Question

我正在尝试ag-Grid，并尝试在页面上放置一个简单的网格。当滚动发生时（默认情况下，ion-content会滚动所有内容），我不知道如何将 just 列标题固定到页面顶部。

尝试

a）我尝试将网格包装在

中

<div ion-fixed>

但这会导致网格根本无法滚动（向上/向下或向左/向右）。

b）我最近的尝试是直接访问DOM并直接基于窗口的scrollTop量设置“ top”样式属性。

此方法有效，但在iOS上性能较差。我认为android会更糟。如果有更优雅和/或更高效的方法可以做到这一点，我很乐意学习。

1. 我添加了ionScroll事件处理程序，并将滚动事件转发到相关组件（无法触发HostListener滚动处理程序）。
2. 然后...

。

ngAfterViewInit() {
    this.agHeader = document.querySelector('.ag-header');
    console.log(`Our header is: ${this.agHeader}`);
}

windowScrolled(event) {
    if (this.agHeader) {
        this.agHeader.style.top = `${event.scrollTop - 1}px`;
        this.agHeader.style.position = 'absolute';
    }
}

只需直接在“ ag-header”容器元素上设置位置即可。 似乎可以正常工作，但不知道它是否会因其他设备而崩溃。该测试了！

代码

https://github.com/scornflake/agGridIonic3Test.git

我想这对CSS来说很容易？也许是自定义标头组件？