Learn how to build better web apps even faster with the R1‘18 Kendo UI release. Sign up for the webinar!
All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Grid / Checkbox selection

      Console log

      Description

      As of R2 2017 SP1, а checkbox based selection is provided by the grid. To enable this functionality you should define selectable column as shown below:

       columns: [{ selectable: true }]

      This column allows you to select grid rows automatically after changing the status of the checkbox to checked. A checkbox is also displayed in the column header to toggle the checked/selected state of all rows in the current page.

      Additionally in the demo you can see how to persist selected items across pages. This is achieved by setting the persistSelection property to true.

      HTML5/JavaScript source

      Also available for:

      API Reference
      • checkbox-selection.html
      • Sample service
      • Widget configuration

      Support & learning resources

      Grid for other technologies