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
32.717414891145616
El
Description for element 1. High performance grid testing.
Element 2
16.45357922309416
El
Description for element 2. High performance grid testing.
Element 3
15.905324435358349
El
Description for element 3. High performance grid testing.
Element 4
19.434895525120833
El
Description for element 4. High performance grid testing.
Element 5
74.52611512236389
El
Description for element 5. High performance grid testing.
Element 6
46.1923238489216
El
Description for element 6. High performance grid testing.
Element 7
58.36961706601069
El
Description for element 7. High performance grid testing.
Element 8
61.41327014669855
El
Description for element 8. High performance grid testing.
Element 9
46.47794359500259
El
Description for element 9. High performance grid testing.
Element 10
61.040609682074674
El
Description for element 10. High performance grid testing.
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit