Outline
- Fundamentals of ag-Grid with Angular
- Fundamentals of ag-Grid with Angular: Data
- Fundamentals of ag-Grid with Angular: Columns
- Fundamentals of ag-Grid with Angular: Filtering
- Fundamentals of ag-Grid with Angular: Rows
- Fundamentals of ag-Grid with Angular: Styling
- Fundamentals of ag-Grid with Angular: Cell Editing
- Fundamentals of ag-Grid with Angular: Custom Components
Outline
- Fundamentals of ag-Grid with Angular
- Fundamentals of ag-Grid with Angular: Data
- Fundamentals of ag-Grid with Angular: Columns
- Fundamentals of ag-Grid with Angular: Filtering
- Fundamentals of ag-Grid with Angular: Rows
- Fundamentals of ag-Grid with Angular: Styling
- Fundamentals of ag-Grid with Angular: Cell Editing
- Fundamentals of ag-Grid with Angular: Custom Components
Goals
- Moving columns in ag-Grid is as easy as dragging around the columns to change their order.
- We can specify the
lockPosition
property in the column definition to lock the position of the column. - We can specify the
suppressMovable
property in the column definition to prevent the column from being moved. - We can also use the
suppressDragLeaveHidesColumn
input binding on the<ag-grid-angular>
component to prevent columns from being hidden when dragged outside the scope of the grid. - Leverage the Column API's
moveColumn
andmoveColumns
methods to programmatically moving columns in the grid.