Configure Responsive Breakdowns for Table

Upgrade to Ninja Tables Pro
Upgrade to Ninja Tables Pro and make your tables more powerful

Responsive Breakdowns

How To Configure Responsive Breakdown in Ninja Tables

Ninja Tables plugin offers five different breakpoints for its users to display data in a tabular format. They are set at the exact device widths that you are looking to target. This is a powerful feature of the plugin to ensure the responsiveness of your created tables on your site. Let’s have a look at how things happen:

  1. To configure Responsive Breakdown for your table, go to the “Table Configuration” tab.
  2. Click on the “Edit” button to edit the column you want to configure for the responsive breakdown.
responsive breakdown ninja tables wpmanageninja
Responsive Breakdown

Below the Responsive Breakdown Point, you will find a drop-down that contains five options including:

responsive breakdown ninja tables wpmanageninja
Responsive Breakdown

Always show in all device:- This option allows the column to show in every device.

Totally hidden on all device:- If you choose this option, It will hide the column on all devices.

Initial hidden Mobile:- This option allows the columns to be showed in all devices except for mobile devices. In the mobile device, the column will be hidden under a plus(+) icon. If any visitor clicks on the plus(+) icon, the hidden column will show its data.

Initial hidden Mobile and Tab:- This option allows the column to be shown in all devices except mobile and Tab device. In mobile and tab devices, the column will be hidden under a plus(+) icon. If any visitor clicks on the plus(+) icon, the hidden column will show its data.

Initial hidden Mobile, Tab, and all Regular Computer:- If anyone selects this option then the column data will be hidden under the plus(+) icon on every device. To see the data visitors have to click on the plus(+) icon.

You can choose any one of the configurations according to your need. If you want to show some specific data of the table in limited devices such as only to show in mobile devices, just make sure you have chosen the right option from Responsive Breakdown section.

Upgrade to Ninja Tables Pro
Upgrade to Ninja Tables Pro and make your tables more powerful
Tags ,

Was this article helpful to you?

19 64

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