[Vue Grid] editing by default

[Ian]

Our use case is that we will have a grid, with a single row, that is in edit mode by default.

I can't seem to find any documentation on how to set edit mode by default. Is that possible with the Vue Grid?

[Petar]

Hi Ian,

Based on the tags defined for the current thread, I would assume that you are working with the Wrapper Grid. To put the first row in a Grid, in 'edit' mode, we can programmatically click on the "Edit" button inside the desired row. 

The below code shows how we can programmatically click on the "edit" button of the first Grid row, once the Grid is initialized.

  mounted() {
    setTimeout(() => {
      console.log(
        $(
          'div.k-grid-content > table > tbody > tr:nth-child(1) > td > button.k-grid-edit.k-button'
        ).click()
      );
    }, 200);
  }

Here is a StackBlitz example demonstrating the usage of the above code.

I hope the provided example will help you achieve what you need in your application.

Regards,
Petar
Progress Telerik