'React Mui TableCell leave event

I have a material UI table and inside the row, i have editable fields.

There are many evetns like onInputCapture,onFocusCapture and others.

but i couldnt find that should be fired when i leave the cell or when ever i finish editing. I dont want to use onMouseLeaving because clients may use Tab button to leave the cell. is there a event like: i finished editing?

thank you.

  <TableCell align="right" contentEditable={true} 
  onInputCapture={ (e: React.ChangeEvent<HTMLTableCellElement>) => 
  {
     //some logic 
   }} >{data.ammount}</TableCell>

Solution 1:^[1]

ContentEditable is not directly supported by mui, so is the same for any div, which would be onInput

Here is a sample stackblitz

EDIT:

You could try adding this lib react-contenteditable

I updated the stackblitz and it works on blur

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1

'React Mui TableCell leave event

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]