Grid Renderers collection For Vaadin7 | Vaadin

Collection of 13 Grid Renderers for editing and viewing data plus Keyboard navigation extension for editable renderers for Vaadin 8 and 7.


A button for Grid that opens new browser window with url in Grid cell or UI given in constructor with uri fragment in Grid cell. This one supports also HTML content in caption and has click event inherited from HtmlButtonRenderer.


Two stage (Delete & Confirm) Delete action button. Delete and Confirm texts can be configured e.g. for localization. There is style name for Confirm state in order to add accent in custom theme if needed.


Select a value with popup selector from small set of values. This Renderer is like ComboBox, but much simpler. With Converter it is possible to map non String values to String. See demo.


Render image from byte[]. Handy if bean is read from database and image is a Blob. Do not use for large images to avoid excess overhead. Prescale images close to target resolution.


Single-click editor for boolean columns - Editor aware. Most suitable for unbuffered Grid(Vaadin 7.6+) Label options can be configured for localization.


Alternative version of CheckboxRenderer similar to editable renderers.


Inline Dates editor


Multipurpose inline Text editor. Supports various types of data using


Tiny chart in a Grid cell with many configuration options.


RatingStarsRenderer is based on Widget in RatingStars add-on by Teemu Pöntelin. You can use RatingStarsRenderer both as a view only or editable field renderer. The max number of stars can be also configured.

ConverterRenderer (Vaadin 8 only)

Did you like to use HTMLRenderer together with Converter to display e.g. conditiomally formatted numbers based on value etc. with Vaadin 7 and now miss the possibility to add Converter withoutBinder? Well use this handy helper.


Alternative to the ButtonRenderer included to Vaadin framework. This one supports also HTML content and does not propagate click event when used.


Add row index number column to Grid with this simple Renderer. Example: grid.addColumn(value -> "", new RowIndexRenderer()).setCaption("Row index");


This is not renderer, but very useful extension to be used alongside them. GridNavigationExtension makes possible to quickly navigate Grid with keyboard and input data with editable Renderers. See the demo. GridNavigation extension was originally written by Mikael Granqvist.

Note, there is another similar type of extension available also for use with Grid's unbuffered editor, which is called GridFastNavigation!addon/gridfastnavigation-add-on


Link to this version
StableReleased 18 March 2021Apache License 2.0
Framework Support
Vaadin 8.10+
Also supported:
Vaadin 7 (1.2.4)
Browser Compatibility
Install with
Release notes - Version 2.7.0

Version 2.7.0

  • Rebuild not log warnings on deprecated listener use
  • Fixed DateFieldRenderer, which has been broken since Vaadin 8.9.0
  • Requires Vaadin 8.12.0 or newer