Aligning columns across multiple tables

  • Resolved gunzothegreat

    (@gunzothegreat)


    4 years ago

    dear madam, sir, can you please advice how I could best align the columns if I am using multiple tables on the same page ?

    In ‘desktop’ view, I am using tables with 4 columns, cells are the same for all tables:
    title, price, quantity, add-to-cart (Ajax)

    When I add multiple tables on the same page, the columns do not align. For example, I would like the ‘add-to-cart’ button to be aligned on the right of all tables.

    I have tried with padding, but cannot figure it out. Any help is greatly appreciated.

    best regards,

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

    (@wcproducttable)

    Hi,

    Thank you for writing in with your query. I will be happy to answer.

    The browser automatically decides the width of the table columns based on the content in the cells. Since the content is different from table to table, the width of the columns can be different between tables on the same page.

    However, WCPT provides you options to control the exact width of the columns so that you can standardize them across all tables on the page.

    Please check the plugin’s FAQs > styling > How do I standardise the column widths between different tables?

    In case I have misunderstood your query or this doesn’t fully answer it, then please send me a link to the site along with further clarification and I will assist further.

    Regards,
    Kartik

    Thread Starter gunzothegreat

    (@gunzothegreat)

    great – thank you for the reference. This did the trick. best regards,

    Plugin Author WC Product Table

    (@wcproducttable)

    Glad to hear this is resolved! Please let me know if you have any other questions.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Aligning columns across multiple tables’ is closed to new replies.