[Plugin: WP-Table Reloaded] Column Widths

  • Resolved hesperasgarden

    (@hesperasgarden)


    13 years, 12 months ago

    Hi Tobias

    I am loving your Plugin, thank you so much for your work.

    I have 5 tables – timetables – each with 5 columns. I want the first column to be narrow, and then the resulting 4 columns to be the same widths.

    I tried the column width CSS from the FAQs, but that did not seem to work. I have made the following addition to the CSS:

    —–
    .wp-table-reloaded-id-1 td,
    .wp-table-reloaded-id-1 th {
    width: 20% !important;
    }
    —–

    and that works wonderfully, except I need to make the first column about half the width it is currently displaying.

    Thank you for your time.

    http://wordpress.org/extend/plugins/wp-table-reloaded/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter hesperasgarden

    (@hesperasgarden)

    13 years, 12 months ago

    Oh, and while I am asking questions, is there any way to make a cell highlight, rather than the entire row?

    Thanks!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    13 years, 12 months ago

    Hi,

    thanks for your post. That code will give all columns in table 1 a width of 20% of the entire table width. You will like want something like

    .wp-table-reloaded-id-1 .column-1 {
  width: 200px !important;
}
.wp-table-reloaded-id-1 .column-2,
.wp-table-reloaded-id-1 .column-3,
.wp-table-reloaded-id-1 .column-4,
.wp-table-reloaded-id-1 .column-5 {
  width: 300px !important;
}

    where you need to adjust the widths as necessary.

    Regards,
    Tobias

    sareyyy

    (@sareyyy)

    13 years, 11 months ago

    Hello,

    I am also struggling with column widths. Have added the following to my custom css:

    ‘.wp-table-reloaded-id-1 .column-1 {
    width: 200px !important;
    }

    .wp-table-reloaded-id-1 .column-2, {
    width: 300px !important;
    }’

    But this doesn’t seem to do anything.

    Here is the page:
    http://www.paxosbs.com/land-acquisition

    sareyyy

    (@sareyyy)

    13 years, 11 months ago

    And thanks!!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    13 years, 11 months ago

    Hi,

    there’s just a tiny error in your code: The comma , in the line

    .wp-table-reloaded-id-1 .column-2, {

    breaks the code. Just remove that, and the widths of the columns of your table should do what you want.

    Regards,
    Tobias

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

The topic ‘[Plugin: WP-Table Reloaded] Column Widths’ is closed to new replies.