Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Headless Editor
Image Designer
Kanban Board
PDF Builder
PDF Signer
PDF Viewer
Video Player
GitHub repositoryGitHub starsGitHub forksNgStarter UI npm versionNgStarter UI npm downloads per month

Data View With Selection

The NgStarter Angular Data View selection example shows how to add row selection to an Angular data grid. Use it when users need to choose records for bulk actions, approvals, exports, assignment, or workflow updates.

API used in this example: withSelection, rowSelection, rowSelectionChanged, selectionChanged, and allRowsSelectionChanged.

Selection Mode:
Position
Name
Weight
Symbol
1
Hydrogen
1.0079
H
2
Helium
4.0026
He
3
Lithium
6.941
Li
4
Beryllium
9.0122
Be
5
Boron
10.811
B
Selected rows:
[]