Skip to content

Cell Renderers ​

Every column has a renderer (defaults to 'plain'). Four rendererOptions — transform, nullHandler, preRender, and postRender — let you customise any renderer without writing a custom one; see Cell Renderers for what each one does and the Cookbook for applied recipes (clickable action icons, conditionally-empty cells, columns computed from the whole record).

Live demo ​

The grid below combines all four options: a coloured status dot injected with preRender, a currency transform falling back to null-empty for the missing salaries, a percentage transform with a bar appended by postRender, the date renderer with a custom format string (MMM d, yyyy), and the checkbox renderer.

Name
 
Department
 
Salary
 
Score
 
Joined
 
Active
 
Alice Johnson
Engineering
$75,000
92.3 %
Mar 15, 2020
✓
Bob Smith
Marketing
45.6 %
Jul 22, 2019
✗
Carol White
Engineering
$92,000
78.9 %
Nov 1, 2021
✓
David Brown
Sales
$68,000
May 30, 2022
✓
Eve Davis
HR
$58,000
61.1 %
Jan 10, 2023
✗
Frank Miller
Engineering
$88,000
84.1 %
Jun 3, 2018
✓
Grace Lee
Design
$71,000
73.2 %
Mar 22, 2021
✓
Henry Wilson
Sales
29.8 %
Sep 14, 2020
✗
Iris Chen
Engineering
$105,000
96.7 %
Jan 30, 2017
✓
James Taylor
Marketing
$63,000
Nov 7, 2022
✓
Karen Martinez
HR
$55,000
54.4 %
Apr 18, 2023
✓
Leo Anderson
Design
$78,000
81.2 %
Dec 1, 2019
✗
Mia Thomas
Engineering
$97,000
88.8 %
Aug 25, 2016
✓
Nathan Jackson
Sales
$72,000
50.3 %
Jul 9, 2021
✓
Olivia Harris
Marketing
67.1 %
Feb 14, 2020
✗
Paul Robinson
HR
$61,000
Aug 30, 2022
✓
Quinn Walker
Engineering
$83,000
75.9 %
Nov 11, 2018
✓
Rachel Hall
Design
$69,000
62.7 %
Jun 5, 2023
✓
Steve Young
Sales
$74,000
44.1 %
Apr 27, 2019
✗
Tina Allen
Engineering
$91,000
90.5 %
Oct 19, 2015
✓
Alice Johnson
Engineering
$75,000
92.3 %
Mar 15, 2020
✓
Bob Smith
Marketing
45.6 %
Jul 22, 2019
✗
Carol White
Engineering
$92,000
78.9 %
Nov 1, 2021
✓
David Brown
Sales
$68,000
May 30, 2022
✓
Eve Davis
HR
$58,000
61.1 %
Jan 10, 2023
✗
Frank Miller
Engineering
$88,000
84.1 %
Jun 3, 2018
✓
Grace Lee
Design
$71,000
73.2 %
Mar 22, 2021
✓
Henry Wilson
Sales
29.8 %
Sep 14, 2020
✗
Iris Chen
Engineering
$105,000
96.7 %
Jan 30, 2017
✓
James Taylor
Marketing
$63,000
Nov 7, 2022
✓
Karen Martinez
HR
$55,000
54.4 %
Apr 18, 2023
✓
Leo Anderson
Design
$78,000
81.2 %
Dec 1, 2019
✗
Mia Thomas
Engineering
$97,000
88.8 %
Aug 25, 2016
✓
Nathan Jackson
Sales
$72,000
50.3 %
Jul 9, 2021
✓
Olivia Harris
Marketing
67.1 %
Feb 14, 2020
✗
Paul Robinson
HR
$61,000
Aug 30, 2022
✓
Quinn Walker
Engineering
$83,000
75.9 %
Nov 11, 2018
✓
Rachel Hall
Design
$69,000
62.7 %
Jun 5, 2023
✓
Steve Young
Sales
$74,000
44.1 %
Apr 27, 2019
✗
Tina Allen
Engineering
$91,000
90.5 %
Oct 19, 2015
✓

Released under the MIT License.