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 Refresh

The NgStarter Angular Data View refresh example shows how to reload client-side or server-side Angular grid data. Use it for dashboards, live operations, queues, logs, approvals, and datasets that need manual refresh controls.

API used in this example: api.refresh(), refresh(), refreshEnd, datasource, and refreshed Data View state.

Client Side Refresh

Refreshed: 0 times
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

Server Side Refresh

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