Example of Checkbox Selection in Javascript Data Grid Control

Checkbox Selection

This sample demonstrates the selection functionality of the Grid using checkbox selection, To select and unselect all rows use header checkbox. To select/unselect particular row, click the desired row. Delete one or more records using the toolbar delete button

More Details...


Grid mutliple selection can be achieved with help of checkbox in each row. To render checkbox in each grid row, you need to define column type as checkbox using columns->type property. Selection can be persisted on all the operations using selectionSettings-> persistSelection property. For persisting selection on the Grid, any one of the column should be defined as a primary key using columns->isPrimaryKey property. In this demo, Grid mutliple selection has been enabled with selection persistance. You can also delete multiple records, by clicking the toolbar’s Delete button after selecting the checkboxes. More information on the checkbox selection configuration can be found in this documentation section.