Angular/Material 15, sticky header does not work

[joerggross]

Angular/Material15 based on MDC introduces new css class (mdc). As these classes are used in css-selectors the sticky header does not work anymore.

Already @TobiDimmel posted this problem in this thread: #107. But this thread is closed.

Is there any update planned?

[TobiDimmel]

Added a PR with the fix (see #112).

[diprokon]

Yep, there are problems with Material 15 and I'm already fixing it

[danielfnz]

@diprokon Any progress on this?

[samitjainmca]

Issue still persist with ng-table-virtual-scroll v15. Is there a plan to provide a fix soon?

[rvalimaki]

Issue still persist with ng-table-virtual-scroll v15. Is there a plan to provide a fix soon?

I can confirm that 1.5.0 release does not fix sticky header/footer issues with Angular Material 15. Also I haven't found a workaround for the time being.

[rvalimaki]

I can also confirm that adding mdc based css selectors fixes the problem. I guess that non-mdc css selectors are relevant only for legacy table support. (PR's by @TobiDimmel & @alexfriesen do work, though also .cdk- selectors are now needed.)

[gabrielnemeth]

@rvalimaki what do you mean by adding mdc based selectors? I don't use any CSS selectors in my code for the scroll table but the header is still broken even after the latest update.

[alvipeo]

I have the same problem - header just moves down outside of viewport after some scrolling. Is there anything I can do with it?

[diprokon]

Hi all.
Sorry for such delay
Update for the ng15 is in progress and new version with fixes will be soon