Expand All

Basics

Formatting

Context menu

Drag n Drop

Spreadsheet

Tabs

Export

Layouts

RTL Layout

Rows

Paging

Big data

Columns

Cells

Inline editing

Row Grouping

Pivot

Sorting

Filter

Selections

Nesting / Row details

Tree grid

Charts

Angular

React React

Vue Vue

Knockout

;

Grid state

Save grid state:

The grid state i.e., column widths, column order, filtered columns, sorted columns, paging state, groupModel, etc can be saved in

  • browser local storage
  • or remotely in a database.

It can be saved by

  • click of a button
  • or automtically when grid is destroyed.
  • or automtically when browser window is closed.

Restore grid state:

The state can be restored

  • automatically when grid is initialized by calling loadState() in create event.
  • or after grid is created e.g., upon click of a button

Type of state:

The amount and type of state can be precisely controlled by new configuration options stateKeys and stateColKeys

In this example we also save individual close & open state of every node using stateKeys to add groupModel.nodeClose property in the state.