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
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Data View Row Click Selection

The NgStarter Angular Data View row click selection example shows how to select a single row by clicking the row body. Use it for master-detail layouts, inspectors, preview panes, and focused record workflows where selecting one active row should not require a checkbox column.

API used in this example: allowSingleRowSelectionByClick, rowSelectionChanged, and selectionChanged.

Ticket
Customer
Priority
Owner
Status
TCK-1042
Acme Corp
High
Mia Chen
Open
TCK-1043
Northwind
Medium
Evan Stone
Pending
TCK-1044
Globex
Low
Ava Brooks
Resolved
TCK-1045
Initech
High
Noah Patel
Open
TCK-1046
Umbrella
Medium
Lena Ortiz
Escalated
Selection source: none
Selected row:
[]