Angular virtual scroll with sticky column and header

3.3k views Asked by At

I have a big list of data and I want to display it in a grid, but I don't want to display the whole list as it will be too much stuff on screen and be slow. I want to use a virtual scroll but I want to have the header and the first column to be sticky so if i scroll I can always see them. Right now, I can have one or the other but not both at the same time.

So far I have this: https://stackblitz.com/edit/angular-ivy-esodhl?file=src%2Fapp%2Fapp.component.css

At first, I was using angular mat-table, but I had the same problem.

Do you have any solution for me?

0

There are 0 answers