Set Exact Column Widths

  • Resolved kenlentz

    (@kenlentz)


    8 years, 9 months ago

    Can you please help me with the proper CSS to set the columns of my table to exact widths? I found a CSS property where I can set the whole table to a width, but then it center justifies the table on the page, so then how would I then justify the table left on the page? It’s just a simple 2 column table and it looks a little strange taking up 100% of the page width. Thank you very much!

    https://www.ads-software.com/plugins/data-tables-generator-by-supsystic/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author supsystic

    (@supsysticcom)

    Hello!
    In order to display the table not the entire width of the page content and to align it to left –

    go to CSS tab and try to use this css code –

    #supsystic-table-1  {
    width: 50%;
    float: left;
}

    Set the desired width of the table and don’t forget to change the ID of the table in the code.

    The width of each column you can change simply in table editor – by dragging borders of the columns. Please try it.

    Thread Starter kenlentz

    (@kenlentz)

    Worked perfectly – thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Set Exact Column Widths’ is closed to new replies.