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 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
55.91474011402422
El
Description for element 1. High performance grid testing.
Element 2
52.31596568587587
El
Description for element 2. High performance grid testing.
Element 3
57.44907380291433
El
Description for element 3. High performance grid testing.
Element 4
22.465529269368734
El
Description for element 4. High performance grid testing.
Element 5
67.09009415111365
El
Description for element 5. High performance grid testing.
Element 6
23.974319506065477
El
Description for element 6. High performance grid testing.
Element 7
99.25547132875094
El
Description for element 7. High performance grid testing.
Element 8
78.17063384469947
El
Description for element 8. High performance grid testing.
Element 9
75.39985138062669
El
Description for element 9. High performance grid testing.
Element 10
73.08355206695163
El
Description for element 10. High performance grid testing.
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit