Lazy, Filtered and Sorted Vaadin Grid using External Data Source

Wed, 24 Apr 2019 18:06:00 +0000

In large enterprise application development projects, it’s usual to code use cases that, as the main requirement, define to show the user huge amounts of data in a tabular way. For this kind of scenarios, there is a particular web component that comes really handy: a Grid. Given that we like Vaadin’s framework, we are going to describe how to configure it in such a way that doesn’t restrict you about performance issues when doing that.

This post assumes that you have some knowledge of web application development using the Vaadin Framework and the Java Platform. But we’ll try to explain everything as much as possible. The version that we used to write this application is Vaadin 13, but this part of the API is almost the same since Vaadin 8, so it should be possible to use the same approach in older versions.

Setting up a Vaadin Grid, is really easy, just create an instance and then customize the columns, or even skip that part if your Pojo is sufficiently self-descriptive.

As an example, let’s assume that we want to show a grid with data for a person, which we can define as a simplified entity like this:

Api on Flowing Code

Lazy, Filtered and Sorted Vaadin Grid using External Data Source