Virtual List
API: TypeScript / Java
Source: TypeScript / Java
Virtual List allows you to render a long list of items inside a scrollable container without sacrificing performance. Each item is rendered on the fly as the user scrolls the list.
To use the component, you need to assign it a set of data items and a renderer that’s used to render each individual data item. The height of an item is determined by its content and can change dynamically.
Open in a
new tab
new tab
<vaadin-virtual-list
.items="${this.people}"
${virtualListRenderer(this.personCardRenderer, [])}
></vaadin-virtual-list>F93C6D28-18D6-4403-B3B6-0D13F8705BED