Example of conditional-row-selection in React Grid

/
/
Conditional Row Selection

This sample demonstrates the conditional row selection of the Data Grid using checkbox selection. It allows end-users to select only specific rows based on certain conditions.

More Details...

Loading....
Description

In this demo, conditional row selection is implemented using the isRowSelectable callback function. This callback function executes before the grid loads data, evaluates each row, and returns false for orders with Delivered or Canceled status.

Selection is persisted by enabling selectionSettings -> persistSelection. With this setting, selected rows remain checked across all operations. Persist selection requires at least one column to be defined as a primary key using the columns -> isPrimaryKey property.

More information on the conditional row selection can be found in this documentation section.

Looking for the full React Data Grid component overview, features, pricing, and documentation? Visit our React Data Grid component page.