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 demonstrates ParamQuery support for checkbox columns.

  • A grid can have one or more checkbox columns. A normal column is converted to checkbox column by adding type: 'checkbox' property to it.
  • Checkbox state can be bound to a field with boolean (true / false) or any string values e.g., "YES" / "NO".
  • Custom rendering of the checkbox cells is done by implementing column.render callback in absence of which plain checkboxes are rendered by the grid.
  • Custom rendering of the checkbox header cells is done by adding custom markup in the title of the column. It's required to add cb: {header: true} for checkbox to appear and process in the column title or header.
  • It's possible to copy/paste and track history of checkbox columns like any other normal cell.
  • Checkboxes can be disabled or make editable/ uneditable based on a condition based on row's data.