Please wait...

Inline Editing of Tables in WordPress

Video versionA video overview of Inline Editing wpDataTables

Video is being re-filmed and is coming soon. Stay tuned!

wpDataTable inline-editable tableswpDataTables Table created from JSON input

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.

Popover tools

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:

With these 2 features, even if you show 100 or more rows in the single page, you are always able to edit/delete/add a row.

Click here to play around with front-end inline editable table, and here to see the back-end setup.

You can see this part of video overview for a quick video demo.

Never miss new features!

Join 2000+ newsletter subscribers

Never miss notifications about new cool features, promotions, giveaways or freebies - subscribe to our newsletter! We send about one mail per month, and do our best to keep our announcements interesting.

We never spam or disclose your address to anyone.