Skip to main content

Make your WordPress HTML tables responsive on mobile

The responsive mode is something crucial to display HTML tables on WordPress, with sometimes small space on your layout whether you're on desktop or on small devices (mobiles, tablets). WP Table Manager has 3 responsive modes: Scrolling, Hiding Cols and Repeated header with several responsive settings.
For more features, get back to the main plugin page >

Responsive table using column hiding and display priority

Responsive table using column hiding and display priority

This WP Table Manager responsive mode is the most and most customizable. Your table is displayed with a column selection ordered by priority, the others being hidden, following the width available. You can force a column display at any size of the screen using a menu with checkbox.

Responsive table using data header group mode

This tables responsive mode displays, once a particular screen width is reached, a row data below the header information. You can set a particular responsive breakpoint (width) and table max-height for each table, which is very convenient depending where your table is placed.

Responsive table using data header group mode
Responsive table using scrolling

Responsive table using scrolling

The scroll responsive mode is fixing table width and height and then display overflows, both horizontal and vertical. The horizontal scrolling will depend on your content width and you can select how many columns will freeze while scrolling.

How to choose the right responsive mode for your HTML tables

All the responsive mode listed here can be used with cell or column freezing and tables fixed width and height. All the responsive modes can be relevant depending on the data shown and the most used devices.

How to choose the right responsive mode for your HTML tables

WP Table Manager, responsive tables in Video

WP Table Manager Plugin Prices

Join our 60,000+ members & get support and new version updates


199$
Instead of 421$
GET THE
WORDPRESS BUNDLE

The Bundle gives access to ALL WordPress plugins and can be used on unlimited websites. In addition, you will have full access to technical support and update on each plugin for all year. 
The time is now!  Boost your efficiency and gain that competitive edge.  Give The Bundle a try.

wordpress bundle

Recent testimonials & ratings

Average rating for WP Table Manager, JoomUnited is 4.9 Star of 5 stars - based on 66 Reviews

FAQ: WordPress HTML Tables Responsive on Mobile

What responsive modes does WP Table Manager offer for mobile tables?

WP Table Manager has three responsive modes: Scrolling, Hiding Columns, and Repeated Header (Data Header Group), each adapting table display differently based on screen size.

How does the column hiding responsive mode work?

In this mode, columns are prioritized and hidden based on the available screen width, with an option for users to manually show or hide columns using a checkbox menu.

What is the data header group responsive mode?

This mode transforms table rows into grouped header and data blocks when the screen width is small, allowing content to be displayed in a more readable stacked format.

How does the scrolling responsive mode function?

Scrolling mode sets fixed table width and height, enabling horizontal and vertical scrolling with options to freeze a number of columns during horizontal scroll.

Can table cells or columns be frozen in responsive mode?

Yes, all responsive modes can use cell or column freezing to keep key data visible while scrolling or adjusting the table on smaller screens.

How do I choose the best responsive mode for my tables?

The choice depends on your data type and typical device usage. Scrolling suits wide tables, hiding columns is good for hierarchical content, and data header group mode is ideal for readability on narrow screens.