Resonsive tables – Set Column Widths

  • Resolved rjmonday

    (@rjmonday)


    8 years, 3 months ago

    [table id=22 responsive=scroll /]

    Column 3 has big descriptions. Like to give it wider column. But CSS doesnt seem to change anything? Tried solutions in other posts but I am missing something..

    CSS

    Tried 

    .tablepress-id-22 .column-3 
width: 30%;
}

    also 

    .tablepress-id-22 .column-3 
width: 200px;
}

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    Thank You

    • This topic was modified 8 years, 3 months ago by bdbrown.

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

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

    (@tobiasbg)

    8 years, 3 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    Increasing the width of that column with CSS is not really possible, as it’s already too wide. The browser will then disobey your command :-/

    Therefore, the approach that you took in the header row, with adding those ~ is a good idea. Instead of using those, I recommend to use the string “ ” (multiple times, just like the ~), which will result in an unbreakable space character.

    Regards,
    Tobias

    Thread Starter rjmonday

    (@rjmonday)

    8 years, 3 months ago

    Ok Thank you for the quick response.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 3 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Resonsive tables – Set Column Widths’ is closed to new replies.