Devextreme-reactive: Editable column without clicking

[ahmetcaglayan]

I want to show a column fully editable. So I don't want to go into the editing state as I click. I can do this using DataTypeProvider. But when updating row data, the table is re-rendered. I lost the focus from the inputs :(

https://codesandbox.io/s/trusting-cray-h1bct

How do I link the input of "onCommitChanges" to the property.

so inputs will be rendered on every line. so the user will see as soon as the column is editable. Can this column be edited by clicking? he won't have to check.

[AryamnovEugeniy]

Hello,

You can use Controlled Mode to manage the cells you are editing through EditingState's editingCells prop. Just do not remove the cells you need from this array and they will stay in the editing mode. Here is an example based on your sample. In the example I made all cells in the units column editable.

Does this solution suit your needs?

[ahmetcaglayan]

https://codesandbox.io/s/purple-http-pnhyw

Thanks, it worked, but I am using VirtualTable. While scrolling, the focus is on the inputs. The change event of the inputs is triggered.

How do I block auto focus. If I do that, I think this will be a temporary solution for me. I think you should add the feature that such a column comes in completely editing mode. Otherwise, the user cannot know which column is editable.

[ahmetcaglayan]

Thanks I solved it with DataTypeProvider.

[lock[bot]]

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.