Please wait...

Column visibility

Video versionA video overview of column visibility in wpDataTables

Column visibility in wpDataTablesHow to show and hide individual columns

If some of the columns that you have in the input data source shouldn’t be visible to the front-end users, you can easily hide them. There are two ways to do this:

Column settings

First would be to click on “Column settings” buttons which you can find in header of every column in “Table preview and columns setup” section.

column visibility option

After that Column settings modal will open and, under “Display” tab, you can find “Visible on front-end” option

all column settings

Second way of doing this would be to click on “Complete column list” button wpDataTables complete column list to open a modal where you can quickly access some column settings.

In the modal you can click on show/hide icon to toggle visibility for each column.

Columns hidden by unticking of “Visible on front-end” checkbox or clicking the “Show/hide the column” will not be displayed to the front-end users.

Please note a couple of things about column visibility:

  • Invisible columns are still passed to the front-end. It means that if there are a lot of invisible columns, they will load the page without need. So if you don’t need the data in the front-end at all, it’s better to delete these columns in the data source when possible.
  • Invisible columns can be used for filtering. If the advanced filter is enabled, and is rendered in the form, or a widget, the filter can also use the data from invisible columns. Please see this documentation section for details.

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.