Docly

Responsive Table For Mobile And Tablet ( Easiest Way )

Estimated reading: 1 minute

Time needed: 3 minutes

In this tutorial, I will create a responsive table. In the mobile version, we will display only two-column. But we will display all information as a desktop version! How can we do that? let's see

  1. Active Columns For Mobile

    From the 'DEVICEWISE COLUMN SETTING' section, click on the 'Mobile' tab and select the 'Thumbnails' and 'product_title' columns. We select those two columns as the "base columns."

  2. Set thumbnails column

    Click and expand the 'Thumbnails'. If you want, you can change the column's name. Select which columns you want to display in this column as inner items from the 'Select multiple inner items' section.

  3. Set product_title column

    Do exactly the same as step 2.

All done. Now Publish/Update table to save those changes. Note that you can follow the same step for Tablet version.

To see the demo table click Here. You can export this table to your site as well. Read this Article.

Share this Doc
CONTENTS