Skip to content

Built-in Renderers ​

Every built-in renderer, three rows each. Each cell is outlined, so the grid area it fills is visible: every cell fills its grid area, and a swatch, a link or the framed null keeps its own size inside it. See Cell Renderers for what each renderer does.

Text, numbers and dates ​

plain
 
md
 
checkbox
 
int
 
float
 
decimal
 
Alpha

bold

✓
7
3.14159
12.3
Beta

italic

✗
1234
2.5
0.5
Gamma

code

☐
-56
1000
7
Alpha

bold

✓
7
3.14159
12.3
Beta

italic

✗
1234
2.5
0.5
Gamma

code

☐
-56
1000
7
date
 
time
 
datetime
 
color
 
10/20/2026
8:30 AM
10/20/2026 8:30 AM
01/05/2025
12:00 PM
01/05/2025 12:00 PM
12/31/2024
11:59 PM
12/31/2024 11:59 PM
10/20/2026
8:30 AM
10/20/2026 8:30 AM
01/05/2025
12:00 PM
01/05/2025 12:00 PM
12/31/2024
11:59 PM
12/31/2024 11:59 PM
ip4
 
ip6
 
ip
 
192.168.000.001
2001:0db8::0001
192.168.000.001
010.000.000.012
::0001
2001:0db8::0001
008.008.008.008
fe80::0001:0002
::ffff:010.000.000.001
192.168.000.001
2001:0db8::0001
192.168.000.001
010.000.000.012
::0001
2001:0db8::0001
008.008.008.008
fe80::0001:0002
::ffff:010.000.000.001

null values ​

The same int column, with a null in the second row, rendered with each nullHandler. The first column has no rendererOptions, so the grid renders its null with null-null. null-null frames the text, null-null-fast frames the whole cell.

int · default
 
int · null-empty
 
int · null-null
 
int · null-null-fast
 
7
7
7
7
null
null
null
-56
-56
-56
-56
7
7
7
7
null
null
null
-56
-56
-56
-56

Each link has a tinted background, so its box is visible. In link, email and file the link is as wide as its text, and a click beside it reaches the row. In the -fast variants the link is the whole cell, and a click anywhere in a file-fast cell does not reach the row. The line below the grid shows the key of the last row clicked.

A link takes the URL schemes http, https, mailto and tel by default; a URL with another scheme renders as text, without a link. The schemes are set for every grid with setAllowedUrlSchemes(), or for one column with the urlSchemes renderer option. The input above the grid sets urlSchemes of its columns: with ftp added, the third link and file values render as links; with mailto removed, the email addresses render as text.

Last row click: —

Released under the MIT License.