Disable Row in grid

[seenu]

Hi,

I am working on a grid where i am enabled editable columns, all works fine as expected. my question how to disable only few rows in a grid to not editable

for example, i have 5 rows in grid and only 3 rows can be editable not others. i have column in a row that says can be editable or now

any help will be appreciated

[Filip]

Hello, Seenu,

The editing of a row depends on explicitly setting the desired fields that we want to edit on our data based on the editField value. In case we don't need to edit something we can simply not update that value in the data and the row will not go into edit:

https://stackblitz.com/edit/react-woamcu?file=app%2Fmain.jsx

Wherein our enterEdit function we have the following logic that prevents editing in the if statement:

  enterEdit = (dataItem) => {
    if(dataItem.ProductID === 2) {
      return;
    }
    this.setState({
      data: this.state.data.map((item) =>
        item.ProductID === dataItem.ProductID ? { ...item, inEdit: true } : item
      ),
    });
  };

Regards, PhilipProgress Telerik