• How do I change the entire table width (not just the column widths relative to each other)? I would like to make a 2 column table 350px wide to fit in a widget.

    Vielen Dank für Ihre Hilfe :o)

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi,

    You’ve probably already seen my answer to this question your other thread, but here it is again, for completeness ??


    .wp-table-reloaded-id-N {
    width: 350px!important;
    }

    should do the trick (N needs to be adjusted to your table’s ID.)

    Best wishes,
    Tobias

    Hi Tobias,

    I am new to this and i love your plugin. Just have abit of
    issue on trying to resize my table can you help me out.
    I want to have a table just beside the website link to the right
    as shown.

    https://www.best-webhostingreview.com/fatcow-web-hosting-review

    my code is
    .wp-table-reloaded-id-2 {
    width: 350px!important;
    heigth: 50%!important;
    font-size: 10pt;
    text-align: center;
    }

    Thanks

    Imganz

    Hi,

    this is not directly a problem of the width or size of your table, but more of the “floating” of elements.

    Try this CSS:

    .dataTables_wrapper  {
     clear:none;
     float:left;
    }

    This will move it to the right of the image. You will need some fine tuning on the CSS though, for which I recommend asking in a more CSS related forum that the WordPress support forums.

    Regards,
    Tobias

    [email protected]

    (@johnvanhooijdonktelenetbe)

    Hi Tobias,
    Waw, seems like I’m not the only one needing your help with table width. Great that you help everyone out! So, yes, I have a problem also. I use theme Suffusion here : https://www.kevercabrioletclub.be/?page_id=1064
    The table (id=1) isn’t displayed completely on the page. I have tried almost everything I found in the forum including above, but nothing seems to work. Can you help me out and suggest something to get my table on the page. thanks.

    John

    Hi,

    yes, your table width will never fit, because you have too much content in it to be displayed within the provided space.
    After all, the columns have to go somewhere ??
    The bottleneck is basically the table head and you will need to either insert shorter column names or insert spaces, so that the browser can add a line break.

    Do you understand what I mean?

    Best wishes,
    Tobias

    [email protected]

    (@johnvanhooijdonktelenetbe)

    Yes, I understand.
    I changed the column names, and also removed the sidebar for that page to give the table some more room. That helps too ofcourse.
    Thanks Tobias.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘WP-Table Reloaded Changing Table Width’ is closed to new replies.