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
25.393570456126813
El
Description for element 1. High performance grid testing.
Element 2
90.2292449170376
El
Description for element 2. High performance grid testing.
Element 3
86.29036522950051
El
Description for element 3. High performance grid testing.
Element 4
76.75404541195788
El
Description for element 4. High performance grid testing.
Element 5
60.12039787352311
El
Description for element 5. High performance grid testing.
Element 6
58.76970048528244
El
Description for element 6. High performance grid testing.
Element 7
10.54622034505096
El
Description for element 7. High performance grid testing.
Element 8
52.8784399770202
El
Description for element 8. High performance grid testing.
Element 9
53.215993456630095
El
Description for element 9. High performance grid testing.
Element 10
94.71353278836028
El
Description for element 10. High performance grid testing.
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit