When sticky header is used, the width of header columns changes when scrolled.

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

When sticky header is used, the width of header columns changes when scrolled. #57

Closed ryndm closed 3 years ago

ryndm commented 3 years ago

By default the width of each column is set to accommodate the longest element in that column. However due to virtual scrolling the longest is not in the viewport. Due to this, the width changes while scrolling

diprokon commented 3 years ago

This is the way it works.

You can set width to columns or put table-layout: fixed; on your table