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
274.2148
1778
15
1
Metalloid
0 u
[Rn] 1s2
Solid
2
Element 2
E2
17.8305
1743
6
5
Metalloid
157 u
[Rn] 2s2
Solid
3
Element 3
E3
81.4742
1956
4
2
Actinide
260 u
[Rn] 3s2
Liquid
4
Element 4
E4
294.9401
1857
12
1
Halogen
51 u
[Rn] 4s2
Solid
5
Element 5
E5
276.9194
1974
2
6
Non-metal
144 u
[Rn] 5s2
Liquid
6
Element 6
E6
72.6512
1870
3
7
Lanthanide
15 u
[Rn] 6s2
Solid
7
Element 7
E7
264.2767
1708
2
6
Lanthanide
3 u
[Rn] 7s2
Liquid
8
Element 8
E8
221.3355
1826
13
6
Metalloid
9 u
[Rn] 8s2
Solid
9
Element 9
E9
112.3154
1916
3
7
Post-transition metal
16 u
[Rn] 9s2
Gas
10
Element 10
E10
90.6193
1876
16
7
Post-transition metal
125 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.