• Resolved psartorio

    (@psartorio)


    Hello, I would like this table to scroll horizontally on mobile devices such iPhone 6, iPhone X etc. etc.
    Unfortunately on these devices the table is not scrolling and looks very bad. How I can fix it? Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author WC Product Table

    (@wcproducttable)

    Hi,

    Thank you for your query about WooCommerce Product Table.

    By default the plugin tries to compress the columns as much as possible, but you want the table to force horizontal overflow. This can be achieved.

    The plugin provides options to create several different responsive modes based on different layout requirements that are covered in this doc: https://wcproducttable.com/documentation/phone-responsive-mode-setup

    The ideal option for you, considering your specific product table would be the ‘Freeze Column’ option that is explained in the above doc. With this option you can Freeze the left most column while the other columns go into horizontal scroll mode. So the product code columns always stays in view while the customer can scroll the table and see all its other properties without getting disoriented even on mobile.

    But that option is only available in the PRO version of the plugin and since I don’t know if you are using PRO or Lite I will provide an option for Lite as well.

    For Lite, I will suggest you use one of these two options:
    – Go to the table’s settings > style > laptop settings > cells > set a min-width for the columns like 100px. Now the columns will not be allowed to reduce their width below this limit. Accordingly horizontal scroll mode will be triggered on phones.
    – But maybe in responsive mode you find that the columns are getting too wide and you want a more compact view of the columns. For this go to the table’s settings > columns > phones columns > create the same columns here (duplicate the laptop columns and just drag them down here to Phone Columns section). Then in the same Phone Columns section, go to each column’s settings > open the ‘Design’ tab next to cell template > give it a specific ‘Width’. Maybe some columns you want to keep as 100px, others 80px or 120px etc as per your requirement. Now the plugin will force each of the Phone columns to have the specific width you have assigned to it.

    I hope this information helps! Please let me know if you have further questions.

    Regards,
    Kartik

    Plugin Author WC Product Table

    (@wcproducttable)

    Hi,

    I have not heard back from you but when I check your link it looks like the issue you were facing is resolved. Your product table seems to have a very good responsive view now with horizontal overflow.

    Please let me know if you have further questions.

    Regards,
    Kartik

    Thread Starter psartorio

    (@psartorio)

    Yes, sorry. I fixed it yesterday. I set min width 100px at the first column. Thanks a lot for your Help

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Table not scrolling on mobile’ is closed to new replies.