Угловой матовый столик липкой колонки перекрывается при прокрутке

Question

Я использую таблицу Angular 8 (не используя flex) с первыми 2 столбцами, как липкими.

Проблема:

1. Основная проблема заключается в расстоянии между 1-м и 2-м столбцами, что приводит к другим проблемам.
2. Когда я выполняю горизонтальную прокрутку, прокруткаданные видны в промежутке между этими столбцами
3. Существует свойство css, которое устанавливает значение 159 пикселей. Как это рассчитывается?

Воспроизведение проблемы.

Используйте пример таблицы Angular с закрепленными столбцами. https://stackblitz.com/angular/lynkxvonedv?file=src%2Fapp%2Ftable-sticky-columns-example.html

1. Добавить наклейку во 2-й столбец (позиция)
2. Добавить длинный текст в любой неприлипающий столбец. (Я использовал его для столбца Вес).

Заранее спасибо.

Answer 1

Я нашел обходной путь, который может вам помочь.

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

Ссылка на GitHub: https://github.com/angular/components/issues/15885