Grid - Enable edit mode for all rows at the same time

Good day

It is possible to enable edit mode for all rows in a grid at once, instead of one at a time? By default, users can double-click (or click on the edit button) on a single row, but I would like all the rows to be in edit mode, for the following reasons:

  1. It will make tabbing through the inputs easier while filling them in,
  2. It will be easier for users to tick the tickboxes in the columns on the far left (screenshot below), saving them clicks as they would need to get a row in edit mode first.

Image_2947_1696311338996


Thank you in advance for any replies.

Regards

Daniel


2 Replies

RR Rajapandi Ravi Syncfusion Team October 6, 2023 09:28 AM UTC

Hi Daniel Seleka,

Greetings from Syncfusion Support.


The Grid component does not have built-in support for editing all the records simultaneously. However, you can achieve this behavior by utilizing the Column Template feature to render input fields for all the columns. We have discussed a similar topic in our documentation. Please find the documentation link below:


Documentation: https://ej2.syncfusion.com/javascript/documentation/grid/editing/edit#how-to-make-a-grid-column-always-editable


In this documentation, only the last column is rendered as always editable for all the records using the Column Template feature. You can apply the same technique to all the other columns to make them always editable.


We hope this information will help you meet your requirements. Please feel free to reach out if you have any further queries or require additional assistance.


Regards,

Rajapandi R



SD Steve Diaz October 11, 2023 06:34 AM UTC

To enable simultaneous editing for all records in a Grid component, you can use the Column Template feature to render input fields for each column. Syncfusion's documentation provides a guide on how to make a specific column always editable for all records.

For details and examples, you can refer to the documentation link here: Grid Column Always Editable.

You can apply this technique to all the columns you want to make always editable in your Grid.


Loader.
Up arrow icon