Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Visual Builder
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Data View Custom Cell Renderers

The NgStarter Angular Data View custom cell renderers example shows how to render rich Angular components inside grid cells. Use it for avatars, links, badges, dates, statuses, actions, and domain-specific record previews.

API used in this example: cellRenderers, cellRenderer, DataViewCellRendererDef, and renderer params.

User
Enabled
Created At
Website
IdenticonDiceBearhttps://www.dicebear.comhttps://creativecommons.org/publicdomain/zero/1.0/„Identicon” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)
John Doe
john@example.com
Jan 1, 2024
IdenticonDiceBearhttps://www.dicebear.comhttps://creativecommons.org/publicdomain/zero/1.0/„Identicon” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)
Jane Doe
jane@example.com
Feb 14, 2024
IdenticonDiceBearhttps://www.dicebear.comhttps://creativecommons.org/publicdomain/zero/1.0/„Identicon” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)
System Admin
admin@example.com
Dec 25, 2023