Fixed Column Widths

  • Resolved bartson2

    (@bartson2)


    5 years, 4 months ago

    Fixed widths seems to be a problem for many people, including me. I want a table with 4 columns and a dozen or more rows. Column 1 & 3 are 100px wide with images, while 2 & 4 are 400px wide with text. I want 2 & 4 width to stay fixed, no matter the text size. I will make sure 1 & 3 get images sized property to fit.
    I have tried this approach without any luck.
    [table id=62 responsive=scroll column_widths=”10%|40%|10%|40%”/]
    [table id=62 responsive=scroll column_widths=”100px|400px|100px|400px”/]
    [table id=62 responsive=scroll /]
    I don’t mind the scrolling – just want columns to stay fixed.
    Also have experimented with every css suggestion I can find in this forum. Any suggestions would be appreciated.

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

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 4 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    This should work by setting a minimum width:

    .tablepress-id-17 .column-2,
.tablepress-id-17 .column-4 {
  min-width: 300px;
}

    In addition, you’ll probably have to set a minimum width for the images:

    .tablepress-id-17 .column-1 img,
.tablepress-id-17 .column-3 img {
  min-width: 60px;
}

    Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘Fixed Column Widths’ is closed to new replies.