Skip to content

Virtual Scroll on long lists #804

Closed
Closed
@danielgolub

Description

@danielgolub

Bug, feature request, or proposal:

When there are very long lists, the performance is very poor.
We would like to have an option to do virtual scroll, which will render only the items on the viewport with some offset.

What is the expected behavior?

Make a template directive like NgFor:

<md-list [virtualScroll]="list">
    <md-list-item *virtualItem="let item; let i = index">
            Item {{i}}
    </md-list-item>
</md-list>

What is the current behavior?

None, currently all the list renders with ngFor. So the performance for thousands of items can be very poor

Which versions of Angular, Material, OS, browsers are affected?

All

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions