ng-table-virtual-scroll icon indicating copy to clipboard operation
ng-table-virtual-scroll copied to clipboard

sticky header scrolling with content

Open jvinhit opened this issue 5 years ago • 8 comments

In angular version 7.x sticky header + fixed width not work Data source length: 1000

jvinhit avatar Jan 08 '20 04:01 jvinhit

Hi @jvinhit ! I cannot reproduce Your issue. Can You, please, provide an example?

diprokon avatar Jan 09 '20 18:01 diprokon

I was able to reproduce it using Safari and the demo page: https://diprokon.github.io/ng-table-virtual-scroll/#/examples

It seems that Safari behaves differently when using sticky headers on a translated element. The bottom line is that that negative offset is not required on the table headers when using Safari.

JohnKis avatar Feb 12 '20 14:02 JohnKis

ovide an example? Hi @diprokon When you scroll faster => sticky header will be scroll "incorect". I think this bug of virtual scrolling material.

jvinhit avatar Feb 13 '20 01:02 jvinhit

The same issue for me. In the new chrome and Firefox with a lot of elements

victoriaunizhona avatar Apr 10 '20 06:04 victoriaunizhona

FWIW, it works for me, when I use

<table mat-table ... >

instead of

<mat-table ... >

diefenbach avatar Oct 23 '20 08:10 diefenbach

Hello im having this same issue right now... Always when scroll up, the stick header "unstick" from the top of the table in Chrome. Also i adapted my table to looks like the demo - table with sticky header Im using Angular 9 and ng-table-virtual-scroll 1.3.* Is there any fix for this already?

eduardosoller avatar Mar 25 '22 21:03 eduardosoller

This is a know issue in material table. Check this for more info: https://github.com/angular/components/issues/21576#issuecomment-766975065

zr87 avatar Apr 08 '22 08:04 zr87

this works find when I use latest version "ng-table-virtual-scroll": "^1.6.0",

yudhi115 avatar Feb 23 '23 15:02 yudhi115