Using ag-Grid with React: Columns

Welcome to this tutorial on using ag-Grid with React! This time, we're tackling columns.

If you want to start this series from the beginning, check out the 'Getting Started' videos here.

In this video, I introduce you to the topics we'll be covering and walk you through the sample code for this tutorial. I've broken the examples into 3 different sample projects. Each one has a starting-point repo and a finished-code repo.

• Use the aggr-columns starting point and finished code for the videos on column sizing, header height, tooltips, groups, and moving and pinning columns.
• Use the aggr-column-span starting point and finished code for the video on column spanning.
• Use the aggr-column-state starting point and finished code for the video on updating columns with state.

Don't forget you can always reach out to me on Twitter.

Let's get started!

Helpful Links

• ag-Grid Docs: Header Height
• ag-Grid Docs: Tooltips
• ag-Grid Docs: Column Groups
• ag-Grid Docs: Flex Columns
• ag-Grid Docs: Shift Resizing
• ag-Grid Docs: Column Moving
• ag-Grid Docs: Pinning
• ag-Grid Docs: Column Spanning
• ag-Grid Docs: Updating Columns with State