Syncfusion Feedback

Row selection

The JavaScript 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 JavaScript DataGrid.


Select multiple cells in the JavaScript DataGrid.

Cell selection

The JavaScript 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 JavaScript 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.


Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.
Here are some of their experiences.

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

145+ JAVASCRIPT UI CONTROLS

Scroll up icon