Angular Virtual Scroll with dynamic variable height/width?

javascript angular angular-material virtualscroll
Itai picture Itai · Mar 10, 2019 · Viewed 9.6k times · Source

I'm looking for an angular virtual scroll package with following functionality: 1) Horizontal virtual scroll 2) Container width and height are fluid. 3) Items width set in percentage of the container width. 4) Items can be minimized during render.

Angular cdk currently works with fixed itemSize for height and width.... here is an example of how it should be rendered:

Any recommendation?

Answer

ronenmiller picture ronenmiller · Jun 17, 2019

The Angular team is working on an autosize directive which enables scrolling with different items sizes.

You can see an example using @angular/cdk-experimental here .
Keep in mind that this is EXPERIMENTAL and is not recommended for production use at the moment, but it does give you the feel and if you really need it, it could help.

Also, check out the github issue

Related questions

Angular material: MatDatepicker: No provider found for DateAdapter

I'm trying to use the Datepicker component in Angular Material. Here is my HTML code: <input matInput [matDatepicker]="picker" placeholder="Choose a date" disabled> <mat-datepicker #picker disabled="false"></mat-datepicker> However, it's not working for …

Read More
Angular change MatInput Size

I am new to Angular 4 and started working with the material components, I copied a couple of example from the official documentation but didn't get the same result as the documentation : How do I get change the textbox width ? I …

Read More
Angular Material Table filterPredicate

I'm trying to filter a set of data by a specific object key Ex: I have a set of skills, I want to see all of the skills at level 2. I have read through the docs, this github example, and …

Read More