React Table 7 editable Row

[sravan-kumar-suthari]

hi , I am using react table 7. I want to edit the data using an edit button but the example which is provided in the GitHub or official documentation is inline editing without any button. Could you please help me out with this.?

[jorgearuv]

@sravan-kumar-suthari this could help you: https://react-table.tanstack.com/docs/examples/editable-data

[sravan-kumar-suthari]

Thank you but I want to edit the row based on checkbox . If the checkbox is checked then only it should allow to edit the data.

[jorgearuv]

@sravan-kumar-suthari sounds like just adding an extra step to this example: https://codesandbox.io/embed/github/tannerlinsley/react-table/tree/master/examples/row-selection

[sravan-kumar-suthari]

Yeah I tried but the editable example which is in official documentation is a custom hook which is written for one row n used the same hook for all rows . So I was unable to do conditional editing. The condition is either true or false for all rows

[Marco-exports]

Is there a way to allow certain columns to be edited -- while other columns stay "blocked" ?

[sravan-kumar-suthari]

Yes don't make that particular cell : editable.

[Marco-exports]

Could you give us an example ?

[ankursehdev]

Is it possible to give some examples?
and is it possible to read the updated data afterward?

[Praveen8529]

@Marco-exports @ankursehdev, here is an example - https://codesandbox.io/s/button-click-workaround-forked-zgqe4?file=/src/App.js