I am using ag-data-grid for React and I have the following columns to display

I want the name, portability and edit columns to auto resize to fit content. I want the edit column to always be at the right hand edge of the grid. The locations field can increase or decrease in size to fill the remaining space and ensure that the columns fill the entire width of the grid.

I have tried using sizeColumnsToFit() followed by autoResizeColumns() excluding the locations column but the edit column doesn't stay at the right edge of the grid.

I cannot use fixed width on name because the name column becauswe its data is dynamic