• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

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

DEMO
SOURCE

Grid mutliple selection can be achieved with the 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 the selection persistance. You can also delete multiple records, by clicking the toolbar’s Delete button after selecting the checkboxes.