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

BrowserOpenerRenderer

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.

DeleteButtonRenderer

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.

SimpleSelectRenderer

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.

BlobImageRenderer

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.

CheckboxRenderer

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

BooleanSwitchRenderer

Alternative version of CheckboxRenderer similar to editable renderers.

DateFieldRenderer

Inline Dates editor

TextFieldRenderer

Multipurpose inline Text editor. Supports various types of data using com.vaadin.data.util.converter.Converter

SparklineRenderer

Tiny chart in a Grid cell with many configuration options.

RatingStarsRenderer

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.

HtmlButtonRenderer

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

RowIndexRenderer

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

GridNavigationExtension

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 https://vaadin.com/directory#!addon/gridfastnavigation-add-on

Install

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
11
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