Title: [Plugin: WP-Table Reloaded] Problem Setting Column Widths
Last modified: August 19, 2016

---

# [Plugin: WP-Table Reloaded] Problem Setting Column Widths

 *  Resolved [nlcsocialmedia](https://wordpress.org/support/users/nlcsocialmedia/)
 * (@nlcsocialmedia)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-problem-setting-column-widths/)
 * Hi there. First, thanks for creating this great plugin.
 * I am having trouble setting column widths. I have a statistics page for a team
   that I am needing to post 40-50 tables of stats. Each one requires it’s own size
   of columns.
 * I was able to set one column width using the [table id=5 column widths=”40px|
   50px|50px” /], but not all three would change.
 * Is there a reason I can’t get all of the columns to change at the same time? 
   Here is the link to the site: [http://freestatebaseball.com/about-2/statistics](http://freestatebaseball.com/about-2/statistics)
 * Like I said, I will have many more tables to add, but want to get this resolved
   first.
 * It would be ideal to have several tables in a row instead of taking up so much
   space for the tables.
 * Any help would be appreciated. Thank you.

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-problem-setting-column-widths/#post-1849053)
 * Hi,
 * you will also need to add a little bit of “Custom CSS” on the “Plugin Options”
   screen. This is, because the tables in your theme are currently expanded to full
   page width.
 * That necessary code is
 *     ```
       .wp-table-reloaded {
         width: auto!important;
       }
       ```
   
 * After that, the table widths should be respected.
 * You might also want to think about deactivating the DataTables JavaScript library
   on the “Plugin Options” screen, as it likely is not useful for your tables.
 * Best wishes,
    Tobias
 *  Thread Starter [nlcsocialmedia](https://wordpress.org/support/users/nlcsocialmedia/)
 * (@nlcsocialmedia)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-problem-setting-column-widths/#post-1849085)
 * That worked great. Now, how can I get multiple tables on one row? And can I modify
   the size of the header? It seems a little large now for the table.
 * Thanks so much!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-problem-setting-column-widths/#post-1849097)
 * Hi,
 * to reduce the size of the table names, please use this “Custom CSS”:
 *     ```
       .wp-table-reloaded-table-name {
         font-size: 14px!important;
       }
       ```
   
 * Additionally, it seems that all of your tables are in bold print. This comes 
   from the fact that for some reason, the Shortcodes (`[table id=123 /]`) on your
   page are in bold print.
    I recommend to remove that boldness. To do that, please
   edit your page, and select the “HTML editor” instead of the “Visual editor” in
   the top right corner of the editor text field. You will then see things like
 *     ```
       <strong>[table id=123 /]</strong>
       ```
   
 * Please try cleaning that up to just the Shortcode
 *     ```
       [table id=123 /]
       ```
   
 * Now, the problem of putting tables next to each other. This is actually not trivial
   and requires more knowledge on HTML code.
    What you need to do is to use “containers”
   that surround a table name and the table and which can then be positioned more
   easily.
 * As a start, please try this code (which should put two tables next to each other–
   untested). Put that into your page, while using the “HTML editor” again.
 *     ```
       <div style="width: 50%; float: left;">[table id=1 /]</div>
       <div style="width: 50%; float: right;">[table id=2 /]</div>
       ```
   
 * Best wishes,
    Tobias
 *  Thread Starter [nlcsocialmedia](https://wordpress.org/support/users/nlcsocialmedia/)
 * (@nlcsocialmedia)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-problem-setting-column-widths/#post-1849166)
 * Tobias, thanks again. The shortcode is all cleaned up. No more boldness. I’m 
   not getting the other part to work, as when I put the `<div style="width: 50%;
   float: left;">[table id=1 /]</div>`
    into the HTML section, it shows the <div
   between the tables and doesn’t bring them together.
 * Maybe I am putting it in the wrong place. Do I put it above the [table id=1 /]
   or after it? or in between the [ ]?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-problem-setting-column-widths/#post-1849246)
 * Hi,
 * no, actually you replace your existing Shortcode with that new code. Basically
   this is the same as before with the bold font tags, only that now your Shortcode
   is not wrapped in `<strong>` tags but in those new `<div>` tags.
    Do you know
   what I mean?
 * Regards,
    Tobias
 *  Thread Starter [nlcsocialmedia](https://wordpress.org/support/users/nlcsocialmedia/)
 * (@nlcsocialmedia)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-problem-setting-column-widths/#post-1849285)
 * Tobias, thank you for your time and expertise and patience! I got it to work 
   great, and even reduced the space down to 33% instead of 50% and it looks just
   like I wanted it to. Many many thanks!
 * Kirsten
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-problem-setting-column-widths/#post-1849304)
 * Hi Kirsten,
 * great to hear that, it really looks nice!
 * Best wishes,
    Tobias

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

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

 * ![](https://s.w.org/plugins/geopattern-icon/wp-table-reloaded_f7dcd3.svg)
 * [WP-Table Reloaded](https://wordpress.org/plugins/wp-table-reloaded/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-table-reloaded/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-table-reloaded/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-table-reloaded/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-table-reloaded/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-table-reloaded/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-problem-setting-column-widths/#post-1849304)
 * Status: resolved