React Grid Load & Save Layout

The Ignite UI for React Data Table / Data Grid supports loading and saving the grid layout. This is performed by calling the loadLayout and saveLayout methods of the grid. These features are useful when an end user can move, sort, and group columns, and wants to preserve the state of the grid and be able to recover the layout and resume work at a later time.

React Grid Load & Save Layout Example

Supported Features

The grid supports saving the following features:

• Column Visibility
• Column Pinning
• Column Moving
• Column Resizing
• Column Sorting
• Column Filtering
• Row Grouping

API References

• IgrGrid
• loadLayout
• saveLayout