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

;

Checkbox bound to row selections

This example demonstrates use of checkbox to manipulate row selections. Checkboxes are bound to row selections by column.cb.select property.

Checkboxes and consequently row selections can be programmatically checked/ unchecked by
  • Checkbox(dataIndx).checkNodes() method ( new in v5.2.0 )
  • updateRow() method
  • Row selection API ( only when row selections are bound to checkboxes as in this example )

selectChange Event:

rowSelect Event: