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 Resizable Columns

The NgStarter Angular Data View resizable columns example shows how users can adjust column widths in an Angular data grid. Use it for dense admin tables, long text fields, financial records, and operational screens where column width preferences matter.

API used in this example: resizable, minColumnWidth, minWidth, maxWidth, and column width state.

Position (Resizable, max 200px)
Name (Resizable, min 150px)
Weight (Non-resizable)
Symbol (Resizable)
1
Hydrogen
1.0079
H
2
Helium
4.0026
He
3
Lithium
6.941
Li
4
Beryllium
9.0122
Be
5
Boron
10.811
B
6
Carbon
12.0107
C
7
Nitrogen
14.0067
N
8
Oxygen
15.9994
O
9
Fluorine
18.9984
F
10
Neon
20.1797
Ne