FRONT-END EDITING

Front-end Editing Pro feature allows you to create a table which can have cells edited. Front-end editing is designed to allow the editing of individual fields for users in a table. The most common use case is to simply click on the cell you want to edit, fill the data and complete. This will save the data and the row will be immediately updated.

The new incredible ability of editable field – Pro feature – Drop Down Bar (List). Let your users see the new result of your decision or avoid mistakes on the front-end editing easily. Drop Down Bar editable fields is the answer. Also, you can use formulas inside the Drop-down list and enable Save Front-end Fields. Thus the next user will see changes of the previous one. If you want to track logged in users editable drop-down list results – use History Tables for this purpose.

So you can see how to drop down bar (list) works. Just click on the experience years to set the other term and see related salary.

In order to create Data Table with Editable fields and Drop down list you need:

    1. On the left navigation menu click Add new table.
    2. Enter the name, choose the number of rows and columns.
    3. Click the OK button.
    4. Open the Editor tab in the table parameters.
    5. Add data to the WordPress table.
    6. To add Dropdown Bar list choose the cell and on the editor panel click Add drop-down list for a selected cell to change cell value on front-end. Click Add options to create a new variant for the list. Fill it in and click Apply.
    7. To add Editable fields, choose a cell, row or column you want to make editable for users and click on Add editable field button.
    8. Set other data table properties and settings.
    9. Save changes.
    10. Copy the shortcode and paste in the editor tab of the new post. Publish and Voila!

Important! After changing the data of table don’t forget to click “Save” button.


Create and manage your Data Tables without any efforts using Supsystic WordPress Plugin. Simply in adjusting. User-friendly in usage. Polite support. Is there anything else to what? Fresh updated and Pro features will absolutely answer your requirements. Follow Data Tables documentation and blog to be informed about whole options work. Ultimate Data Table plugin has Paging, sorting, searching, export and import, font and colour customization and many other basic options for your successful site. What a superb Data Tables by Supsystic plugin!

Looking for more interesting practical applications? Take a closer look at all Data Table Examples.

Get plugins bundle today and save over 80%