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
36.364327009564754
El
Description for element 1. High performance grid testing.
Element 2
31.953113931324218
El
Description for element 2. High performance grid testing.
Element 3
90.58384798671776
El
Description for element 3. High performance grid testing.
Element 4
95.23992864304098
El
Description for element 4. High performance grid testing.
Element 5
93.11825010600255
El
Description for element 5. High performance grid testing.
Element 6
79.51429887907166
El
Description for element 6. High performance grid testing.
Element 7
31.878286062481077
El
Description for element 7. High performance grid testing.
Element 8
85.1977497366099
El
Description for element 8. High performance grid testing.
Element 9
99.24527954168913
El
Description for element 9. High performance grid testing.
Element 10
77.56641966328714
El
Description for element 10. High performance grid testing.
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit