# Selection

The Grid enables users to select single or multiple cells and rows by [using built-in selection state](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection#using-the-built-in-state-management-for-selection) or [using controlled selection state](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection#using-selection-in-controlled-mode).

As a result, the Grid allows you to:

* Select [single cell](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/cell-selection) or [single row](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/row-selection)
* Select [multiple cells](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/cell-range-selection) or [multiple rows](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/multi-row-selection)
* Select [range of cells](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/cell-range-selection) or [range of rows](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/multi-row-selection) by dragging

The following example demonstrates all selection options of the Kendo UI for Vue Data Grid, including single and multiple cell and row selection, as well as range selection. Choose the selection mode from the configuration panel above the Grid to see how the selection works in each mode.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/selection/all-options/source.txt)

## Using the Built-in State Management for Selection

To enable selection in the Grid using the built-in state management mechanism, follow these steps:

1. Set the [`selectable`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#selectable) prop.
2. Optionally set [`defaultSelect`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#defaultSelect) to apply an initial selection.
3. Enable [`autoProcessData`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#autoprocessdata) when the Grid manages data operations such as paging.

The following example demonstrates how to enable selection using the built-in state management of the Kendo UI for Vue Data Grid.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/selection/row-selection/source.txt)

## Using Selection in Controlled Mode

To enable the selection in Kendo UI for Vue Data Grid and use it in controlled mode, follow these steps:

1. Set the [`selectable`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#selectable) prop.
2. Set the [`select`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#select) prop.
3. Handle the [`selectionchange`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#onselectionchange) event and update the `select` state with the event value.

The following example demonstrates how to use selection in controlled mode.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/selection/multi-row-selection/controlled/source.txt)

## Single/Multiple Checkbox Selection

The Grid provides both checkbox and row-click selection options which can be applied to single or multiple records:

* [Single row checkbox selection](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/row-selection#checkbox-selection)
* [Multiple rows checkbox selection](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/multi-row-selection#multiple-checkbox-selection)

## Selection Aggregates

The Grid enables you to select single or multiple cells or rows and calculate different metrics based on the selected data. You can find more details about this functionality and how to use it in [this help article](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/selection-aggregates).

## Suggested Links

* [Cell Selection](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/cell-selection)
* [Cell Range Selection](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/cell-range-selection)
* [Row Selection](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/row-selection)
* [Single Row Checkbox Selection](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/row-selection#checkbox-selection)
* [Multiple Rows Checkbox Selection](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/multi-row-selection#multiple-checkbox-selection)
* [Selection Aggregates](https://www.telerik.com/kendo-vue-ui-develop/components/grid/selection/selection-aggregates)
* [Grid API Reference](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops)
* [Grid API Index](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api)