滚动时,角垫表粘性列重叠

问题描述 投票:0回答:1

我使用的是Angular 8的表(不使用flex),前2列为粘性。

问题:

  1. 主要问题是第一列和第二列之间的空间会导致其他问题。
  2. 当我进行水平滚动时,在这些列之间的空间中可以看到滚动数据
  3. [有一个css属性,将其设置为159px。如何计算?

再现问题。

使用带有粘性列的Angular表示例。 https://stackblitz.com/angular/lynkxvonedv?file=src%2Fapp%2Ftable-sticky-columns-example.html

  1. 将粘性添加到第二列(位置)
  2. 将长文本添加到任何非粘性列。 (我已将其用于“重量”列)。

ScreenShot

谢谢。

angular sticky mat-table
1个回答
0
投票

我发现了一种可能对您有帮助的解决方法。

constructor(private ngZone: NgZone) {}
ngAfterViewInit() {
this.ngZone.onMicrotaskEmpty.pipe(take(3)).subscribe(() => this.table.updateStickyColumnStyles());
}

GitHib链接:https://github.com/angular/components/issues/15885

© www.soinside.com 2019 - 2024. All rights reserved.