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 With Pagination

The NgStarter Angular Data View pagination example shows how to split Angular grid records into manageable pages. Use it for admin datasets, reports, logs, orders, invoices, and other large lists where users need fast navigation.

API used in this example: withPagination, pageSize, pageIndex, pageSizeOptions, and paginator settings.

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
6
Carbon
12.0107
C
7
Nitrogen
14.0067
N
8
Oxygen
15.9994
O
9
Fluorine
18.9984
F
10
Neon
20.1797
Ne
Items per page:
1 – 10 of 20