Sticky header does not work on Safari

diprokon / ng-table-virtual-scroll

Virtual Scroll for Angular Material Table

https://diprokon.github.io/ng-table-virtual-scroll

MIT License

134 stars 42 forks source link

Sticky header does not work on Safari #51

Closed Skrobex closed 3 years ago

Skrobex commented 3 years ago

After some time scrolling on a bigger list the header scrolls with the content, present on demo.

Skrobex commented 3 years ago

I managed to solve the problem by setting

th.mat-header-cell {
top: 0 !important
}

in the debugger. However this breaks the chrome/firefox and other versions so I recommend detecting which browser is being used (possibly ngx-device-detector or something like that).