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 Builder
PDF Signer
PDF Viewer
Video Player
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Data View Sticky Columns

The NgStarter Angular Data View sticky columns example shows how wide Angular grids keep important columns visible while users scroll. Use it for finance tables, inventory lists, analytics records, and operational datasets with many fields.

API used in this example: pinned, pinAlign, fixed width, horizontal scrolling, and sticky column layout.

Position
Name
Weight
Symbol
Description
Action
1
2
3
4
5
6
7
8
9
10
Element 1
89.83467651236246
El
Description for element 1. High performance grid testing.
Element 2
64.53948627516777
El
Description for element 2. High performance grid testing.
Element 3
8.041028135528705
El
Description for element 3. High performance grid testing.
Element 4
97.6001534826039
El
Description for element 4. High performance grid testing.
Element 5
51.32070100790321
El
Description for element 5. High performance grid testing.
Element 6
51.22001141517298
El
Description for element 6. High performance grid testing.
Element 7
38.588301963905245
El
Description for element 7. High performance grid testing.
Element 8
54.02286553774975
El
Description for element 8. High performance grid testing.
Element 9
14.166877267648136
El
Description for element 9. High performance grid testing.
Element 10
98.34771555860364
El
Description for element 10. High performance grid testing.
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit