Configuring data grid columns using React state and AG Grid API смотреть онлайн

In this video Niall Crosby explains three different ways to control the column state at runtime in AG Grid from React. By amending the column definitions, using the column state API method, and using the column API.

- 00:00 Starting Code with useMemo
- 00:40 state controlled column definitions
- 01:46 Hiding column definitions
- 02:51 Column Width and State
- 06:12 State Attributes
- 07:10 null vs undefined
- 09:48 Column Order
- 10:50 Column State API
- 18:30 Row Grouping
- 20:00 Column APIs
- 21:19 Summary

This video is part of a series of videos showing how to get started with AG Grid and React.

All videos are available in a playlist:

https://www.youtube.com/playlist?list=PLsZlhayVgqNwHNHeqpCkSgdRV08xrKtzW

And directly available below:

- 001 - QuickStart Guide
- https://youtu.be/Pr__B6HM_s4
- 002 - Enterprise Overview
- https://youtu.be/pKUhYE1VTP4
- 003 - Customizing Cells
- https://youtu.be/9IbhW4z--mg
- 004 - React Rendering
- https://youtu.be/oAQ5vavDupU
- 005 - React Filters
- https://youtu.be/pebXUHUdlos
- 006 - React Custom Filters
- https://youtu.be/yO3_nTyDv6o
- 007 - React Custom Floating Filters
- https://youtu.be/CxwfX4KodaM
- 008 - React Components
- https://youtu.be/eglfpHRpcu0
- 009 - Updating Row Data
- https://youtu.be/_V5qFr62uhY
- 010 - Configuring Columns
- https://youtu.be/aDCepyF_DUY
- 011 - Column State in React
- https://youtu.be/d9Kohpbt42M

Source code for all videos is available on Github:

https://github.com/ag-grid/react-data-grid/tree/main/getting-started-video-tutorial

AG Grid works with React, Angular, Vue, and JavaScript. Available as a free community edition and commercially as an Enterprise product (full support and more features).

For more information about AG Grid please visit: https://ag-grid.com/