Using ag-Grid with React: Columns

Column Sizing: Flex Sizing


Let's learn about flex sizing. It's definitely one of the most magical features of ag-Grid when it comes to columns!

Instead of using auto-sizing, we can add a flex property to a column definition. This causes a relative sizing of the columns. We can even mix and match flex sizing with minimum and maximum widths! Note that you can't use a fixed width with a flex size.

In the next video, we'll learn about shift resizing.


I finished! On to the next chapter