Fully responsive

Responsive design is the practice of designing a table so it looks and works properly on a range of different devices — particularly mobile phones and tablets as well as desktops and laptops. WooCommerce Tables are fully responsive and look great on any device.

The plugin provides 4 different modes of Responsive design according to your needs:

Fully responsive

Responsive mode

In this mode, if table content doesn’t fit all columns become under each other with one cell per row.

Responsive mode

Automatic column hiding

In this mode, table columns will collapse from right to left to parent container width.

Automatic column hiding

Also, you can select screen width to hide columns for the mobile screen and set which columns should be hidden on the Content tab in the column options:

 Column Settings

 

Horizontal scroll

In this mode, the scroll bar will be added if the table overflows the parent container width. You can change the horizontal scrollbar position – display it in the header, footer, or both.

Horizontal scroll

Disable Responsivity

Disable Responsivity – default table layout.

Here you can look at the examples of product tables which has been built using WooCommerce Tables by Woobewoo.

Buy Now Bundle and save over 60%

Buy now