NGSTARTER UI

Data View Pinning Pagination

The NgStarter Angular Data View pinning and pagination example shows how pinned columns work together with paginated Angular data grids. Use it for wide datasets where users need stable identifiers or actions while moving through pages.

API used in this example: pinned, pinAlign, withPagination, pageSize, and pageIndex.

1

Element 1

E1

2.9334

1962

9

6

Noble gas

106 u

[Rn] 1s2

Liquid

2

Element 2

E2

36.8236

1806

14

5

Metalloid

297 u

[Rn] 2s2

Solid

3

Element 3

E3

150.4731

1870

2

5

Halogen

24 u

[Rn] 3s2

Solid

4

Element 4

E4

233.648

1956

14

4

Metalloid

148 u

[Rn] 4s2

Gas

5

Element 5

E5

89.6481

1973

13

2

Post-transition metal

211 u

[Rn] 5s2

Liquid

6

Element 6

E6

31.2889

1967

7

4

Actinide

274 u

[Rn] 6s2

Solid

7

Element 7

E7

138.2164

1816

16

6

Post-transition metal

166 u

[Rn] 7s2

Gas

8

Element 8

E8

129.2819

1801

2

3

Halogen

152 u

[Rn] 8s2

Liquid

9

Element 9

E9

106.7463

1920

9

1

Alkali metal

267 u

[Rn] 9s2

Gas

10

Element 10

E10

140.3066

1811

5

1

Noble gas

255 u

[Rn] 10s2

Gas

Items per page:

1 – 10 of 100