Editing tables in a pop-up dialog is easy and intuitive, but not in all cases. For some tables (e.g. when they have more than 10 columns), or some use scenarios (you need to edit only one field) inline editing is much more intuitive and easy; so this feature exists in wpDataTables as well!
First thing to do to create an inline-editable table, is to create and configure an editable table in a standard way.
When the table is configured as editable, you will see an additional checkbox in the back-end. Tick it to enable inline editing:
When this checkbox is checked, and the settings are saved, reload the table in the front-end.
You will still have the option to edit the table in the dialog, but now when you double-click the cell you’ll get an editor of the selected type in-line. See the examples:
You can edit the cell value directly in the row. Then just click somewhere else in the table, or choose the value in dropdown to save the value.
One more additional feature here is “popover tools”. This is a feature which allows to show the editable table control block as a popover above any row. To enable it just tick this checkbox in the table settings:
When this feature is enabled, you won’t see the “Add”, “New” and “Delete” buttons in their standard place (top right corner above the table, in the TableTools block), but when you click on any table row, you will see a popover: