Using ag-Grid with React: Rows

You can't have a grid without rows, right?! This tutorial covers all things rows. You'll learn about sorting, pinning, and dragging rows, as well as techniques like row spanning and full width rows.

This tutorial uses a project called aggr-rows for all but the last three videos. It's in the Rows section of the main ag-Grid React Thinkster repository. You'll find the starting point code in the starting-points folder and the finished code in the finished-code folder.

The last three videos use StackBlitz projects:

• Auto Row Height
• Row Spanning
• Full Width Rows

Helpful Links

• ag-Grid docs: Row Sorting
• ag-Grid docs: Multi-Column Sorting
• ag-Grid docs: Custom Sorting
• ag-Grid docs: Sorting with the Grid API
• ag-Grid docs: Row Dragging
• ag-Grid docs: Row Pinning
• ag-Grid docs: Row Height
• ag-Grid docs: Row Spanning
• ag-Grid docs: Full Width Rows