Column Widths

  • I’ve noticed that changing the column widths is a common problem, so I spent several hours browsing threads in search for an answer. No luck.

    I need to change the width of column 4 in Table ID 2. I added the following code to the Custom CSS section of the Plugin Options:

    .wp-table-reloaded-id-2 .column-4 {
    width: 200px;
    }

    Then, I added the following to the Custom Commands field of the DataTables JavaScript Features section:

    “bAutoWidth”: false

    It doesn’t work. I also tried the other method of adding [table id=2 column_widths=”25px|25px|25px|200px”/], which also changed nothing.

    Does this mean something in my theme is blocking customization, or am I missing something obvious?

    https://www.etny.net/phone_system_comparison_chart

    thanks!

    Jordan

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

    (@tobiasbg)

    Hi Jordan,

    your code is correct, however you seem to have a really large table, so that the browser tries to keep it as narrow as possible.
    That is, because the width of the table is set to 100% (of the surrounding container) (a default value).
    Please try adding the following as well, which should expand the table to a fixed value (that you might need to play around with), so that the column width that you set with the CSS should work.

    .wp-table-reloaded-id-2 {
  width: 2000px!important;
}

    Regards,
    Tobias

    Thread Starter jordanwills

    (@jordanwills)

    It worked. You’re the man, Tobias. Thanks.

    -Jordan

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are welcome!

    Regards,
    Tobias

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