Column width css not working

  • Hello,
    I have added in the css options
    .tablepress .column-1 {
    width: 400px !important;
    }
    but it has no effect
    Thanks

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    The reason for this is that your table is already wide than the screen width, and the browser is therefore not honoring this command – it simply does not want to make the table even bigger.

    You could however try this “Custom CSS” instead of what you are using now:

    .tablepress-id-1 {
  table-layout: fixed;
}
.tablepress-id-1 .column-2 {
  width: 400px !important;
}

    In addition, please also uncheck the “Use DataTables” checkbox on the table’s “Edit” screen to get rid of a JavaScript error.

    Regards,
    Tobias

    Thread Starter Pierre Lemarchand

    (@raivavae)

    Thank you Tobias, for your fast and efficient help!
    Pierre

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Column width css not working’ is closed to new replies.