Frontend Editing

Frontend Editing is one of the most powerful features of the Ninja table. Which allows you to get data from the user and also modify existing table data without any backend access. It also allows you to permit the user by role wise. That means you can permit any specific user role to modify or add data on your table along with some extended options.

confused! let’s dive into deep.

Frontend editing in Ninja table:
We have a simple default table with some user information data. Now we want to get information from the user. Like user can add their own data on this table from the frontend.

Using this feature the user of this table will get some options like this table below to add/edit or modify their own data from the frontend.

How to use Frontend editing:

It’s very easy to use. From frontend editing, you have to set only two things.

  •  Which user role can edit/delete/add data and
  •  Which columns are editable.
    Let’s have a look at the settings.

Step 1: Enabling Frontend editing
From the tables backend, open the Frontend Editing tab.

Just enable the frontend editing and you will get more options there.

Step 2: Permitting user role
The first option of the settings comes with Data editing permissions, Where you will see some user roles for edit/add rows on the left-hand side. And same user roles for delete rows on the right-hand side. In this example settings below, we only permit Author to edit and also permit to delete data by checking both left and right-hand checkbox. You can permit multiple users as you want with different permissions.

Other permissions:
You can see “Public users(only add data)” option there. Enabling this option will allow the public user to add data on the table.

Own data only:
Enabling these feature users will not able to edit or delete others data. They can only edit their own. When you enable this ‘Users can see and edit/delete only own data’ permission you will get a new shortcode for this table. Please use this shortcode to restrict other users from editing.

Step 3: Editing Column Options
we already set the user roles, Now we have to set the column which can be edited.

From the editing column options, we can choose which column data will be editable. And also choose the required along with the default value.
Everything has done. Just Update settings.

Congratulation! we make the table frontend editable for the Authors. So only the author can edit the table data from the frontend. And other users can’t see the editable options.

Some optional settings of Frontend editing table:
We can do some styling on our table from this “Appearance Settings”.

Always show Edit Icons:
which allows you to show the edit button next to the row all the time on the frontend.

Also, you can change the button texts and position from there.
Hope you enjoyed the Ninja table Frontend editing feature. If you need anything to know more about this feature, don’t worry our support engineers are here to help you. Please create a support ticket.

Was this article helpful to you?

6 1

How can we help?

Please submit a support ticket if you have any question or pre-sale questions. Our Customer support engineers will answer your query as soon as possible

Open a support ticket