Basics

Formatting

Context menu

Drag n Drop

Spreadsheet

Tabs

Export (csv, html, pdf, xlsx )

RTL Layout

Layouts

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

;
Data changes can be automatically posted ( without user intervention ) and saved in the remote data store ( similar to Google docs ).

There are 2 ways to accomplish it, choosing between them is just a matter of preference:

  • change event which fires whenever there are changes in the grid, can be used to post the changes.
  • use time interval to check grid for changes and post them to server.

In this example changes are posted to server by calling saveChanges() function within a setInterval.
Only the changes which meet validation rules are posted to maintain data integrity.
Data can be manipulated in the grid with inline editing or copy/paste.