Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Overview
Basic
Column pinning
Column settings
Custom cell renderers
Custom empty state
DataView Layout
Embedded
Filter data
Loading state
Pinning and pagination
Refresh
Resizable columns
Server side
Server side (empty state)
Sticky columns
With action bar
With pagination
With selection
With sorting
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Visual Builder
HomePricingTemplatesLicense
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Data View With Action Bar

The NgStarter Angular Data View action bar example shows how to add row-level actions to an Angular data grid. Use it for edit, view, approve, archive, duplicate, delete, or contextual operations attached to each record.

API used in this example: ngsDataViewActionBar, ngs-data-view-action-bar, ngsDataViewActionBarWidth, and action bar templates.

Position
Weight
Symbol
Name
 
1
1.0079
H
Hydrogen
2
4.0026
He
Helium
3
6.941
Li
Lithium
4
9.0122
Be
Beryllium
5
10.811
B
Boron

Using this component in production?

NgStarter includes source code, admin dashboard templates, and commercial support.

View pricing →Explore admin templates

Related components

Sticky columnsMore docs in Data View.With paginationMore docs in Data View.Server side (empty state)More docs in Data View.