Mission RIP Table: Migrate to Grid! - Intro

Vaadin Grid was announced over two years ago, and since then it has evolved with many new features and enhancements. If this wasn’t enough killer for the Table component, then the announcement of Vaadin Framework 8 earlier this year, with explicit deprecation of Table, places it in a critical state, and it’s now time to upgrade your source code and enjoy the latest features, bug fixes, and all latest updates.


Vaadin Table was one of the oldest components in Vaadin Framework, and it survived many years of continuous development and upgrades. But technology is fast moving forward and the decision of replacing it with a new rewritten implementation was a must, to be able to cope with the latest technology requirements and web standards. There are plenty of resources available online comparing Table and Grid, so I’m not going to make yet another comparison here, but instead, I’ll be going over a series of tutorials showing you how to migrate from Table to Grid.


I will start with this project (note the tag) that consists of many Table examples, and migrate them one by one to use Grid. Those examples are a little bit modified versions of the book examples, and I will publish the migration guide in a few chunks over the coming few weeks.


The upgrade will be performed by first migrating to Framework 7 style of Grid, then migrating to Framework 8. This will give double advantages for all legacy code out there!

So stay tuned, in the next post I will be migrating some of those examples!


Which of those examples you want to see migrated first? Let me know in a comment below.

Add Comment
Many Vaadin projects are related to DB Entities. Please share demo code to all relation types with the help of Grid components. 1:n / n:1 / n:m. This would be nice!
Posted on 8/15/17 7:44 PM.
Is variable column height available in the Grid now?
Posted on 8/15/17 8:50 PM.
Posted on 8/16/17 4:13 AM in reply to Reza Paidar.
Unfortunately no, and we don’t have plans to add variable row height to the current Framework Grid component.

The newer, Polymer based, web component vaadin-grid v2+ has variable row height support (read more here:, and we will build a Java API for that in the near future. So I hope you can wait just a little longer to get support for that.
Posted on 8/16/17 7:16 AM in reply to Reza Paidar.
Hi Frank, I'm not quite sure I understand? You want a demo showing how to fetch a relational data direct into the Grid? Like the result of a join statement between two tables? Please elaborate a bit more :-)
Posted on 8/16/17 11:42 PM in reply to Frank Zillus.
We added two important grid issues tickets with simple proposed fixes that works.
#9832: Grid - important - focus lost after cell editing - with proposed fix !
#9829: Grid Columns : hide from menu is irreversible (Release 8.1) - with proposed fix !
Posted on 8/17/17 8:52 AM.
Thanks for reporting those! As you can see, our team is following up with you, one of them is possibly getting closed soon, thanks to your code :-)
Posted on 8/17/17 3:04 PM in reply to Valentin Mocanu.