See the new new component docs (under construction) for V20+ and TypeScript samples.



vaadin-grid is a free, high quality data grid / data table Web Component. Part of the Vaadin components.


Lazy loading

Lazy loading of data from any data source.

Big Data

Easily present and scroll through 100k lines of data in a single UI component.

Custom headers

Combine multiple rows and display components in your grid headers.

Smooth scrolling

Lightning fast and smooth hardware accelerated scrolling by reusing DOM elements.

Super efficient

Super efficient custom renderers for presenting custom data any way you want.

Expanding row details

Show more data under a row in an expandable details row.

Touch and keyboard

Touch event and mobile support, and keyboard navigation.


Works with screen readers to ensure all your users are able to use the grid.


Vaadin Grid comes with both Lumo and Material design themes, and it can be customized to fit your application.