The use of inline editing can provide users with flexible editing capability. However, to be used properly the UI must possess the right signals and feedback communications to ensure users know how to use them with confidence.

View Demo

Benefits:

1. Saves time from having to click another screen
2. Saves changes automatically

Challenges:

1. Without clicking on a data row how does the user know how to “turn on” edit mode?
2. After making an edit what kind of system response assures that user that the edit will be saved?

Related Links:

http://bergie.iki.fi/blog/inline-editing-done-right/

https://community.kde.org/KDE_Visual_Design_Group/HIG/inline_editing

https://uxdesign.cc/design-better-data-tables-4ecc99d23356