Getting Started
Forms
Components
78
Libraries
Data View Column Pinning
The NgStarter Angular Data View column pinning example shows how to keep important Angular grid columns visible during horizontal scrolling. Use it for action columns, names, IDs, statuses, totals, and fields that must stay anchored in wide admin tables.
API used in this example: pinned, pinAlign, width, and Data View pinned column state.
1
Element 1
E1
242.457
1842
1
1
Lanthanide
158 u
[Rn] 1s2
Liquid
2
Element 2
E2
152.0359
1793
13
2
Alkali metal
217 u
[Rn] 2s2
Liquid
3
Element 3
E3
152.2519
1851
8
1
Alkaline earth metal
63 u
[Rn] 3s2
Solid
4
Element 4
E4
59.5296
1992
3
2
Halogen
40 u
[Rn] 4s2
Gas
5
Element 5
E5
101.0451
1803
13
7
Halogen
230 u
[Rn] 5s2
Solid
6
Element 6
E6
173.4832
1795
15
6
Halogen
160 u
[Rn] 6s2
Solid
7
Element 7
E7
100.9028
1793
16
3
Non-metal
186 u
[Rn] 7s2
Gas
8
Element 8
E8
50.0521
1820
17
4
Metalloid
60 u
[Rn] 8s2
Gas
9
Element 9
E9
250.949
1840
13
3
Alkaline earth metal
255 u
[Rn] 9s2
Liquid
10
Element 10
E10
45.5439
1965
7
2
Metalloid
182 u
[Rn] 10s2
Gas
Using this component in production?
Source code, templates, and commercial support
NgStarter includes source code, admin dashboard templates, and commercial support.