Fundamentals of ag-Grid with Angular: Columns

Moving Columns


  • 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 and moveColumns methods to programmatically moving columns in the grid.

I finished! On to the next chapter