We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback


Vue Vue Grid Selection

Row selection

The Vue Data Grid allows you to select a range of rows or a single row by just clicking or tapping the row. To perform multi-selection, press and hold CTRL or SHIFT to select the desired row or range of rows.

Select multiple rows in the Vue DataGrid.

Select multiple cells in the Vue DataGrid.

Cell selection

The Vue Data Grid allows you to select a range of cells or a single cell by just clicking or tapping the cell. To perform multi-selection, press and hold CTRL or SHIFT to select the desired cell or range of cells. The two types of cell selection modes are flow and box.

Drag selection

Allows you to select a range of rows or cells by simply dragging the pointer over the cells by mouse or touch..

Select rows using checkbox column in the Vue DataGrid control.

Checkbox selection

Users can select multiple DataGrid records with the help of a checkbox in each row. The selection persists even after performing any action in the DataGrid. It also provides an option to select or deselect all the rows in a DataGrid using the checkbox in the corresponding column header.

85+ VUE UI COMPONENTS

Scroll up icon