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

;

This example shows how partial refresh of data and view in grid can be done by manually changing the data in grid. Grid is unaware of the changes and hence changed cells view is refreshed by calling refreshCell method.

It's suitable when you have remote data source which changes frequently ( e.g., a stock exchange price feed ) and you need to refresh only the cells that are changed without brute forcing the whole grid to refresh.

This example refreshes the cell with random data, in real life cases you would need to compare the data source with existing data in grid and refresh the cells selectively.