Title: table width
Last modified: August 21, 2016

---

# table width

 *  Resolved [toffaha](https://wordpress.org/support/users/toffaha/)
 * (@toffaha)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/table-width-7/)
 * Hi
 * My website: [http://www.investinjo.com/pro4sale/](http://www.investinjo.com/pro4sale/)
 * I need to adjust the width of the table? It is extended to full page.
 * Can u help?
 * Thank you.
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146407)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * All that should be necessary here is to maybe choose a different “page template”(
   besides “Full-width”) on the “Edit” screen of the page.
 * A different way would be to add this “Custom CSS” on the “Plugin Options” screen
   of TablePress:
 *     ```
       .tablepress-id-1 {
         width: 60%;
         margin: 0 auto 1em;
       }
       ```
   
 * Additionally, please uncheck the “Use DataTables” checkbox on the table’s “Edit”
   screen as you have already turned off the individual features anyway.
 * Regards,
    Tobias
 *  Thread Starter [toffaha](https://wordpress.org/support/users/toffaha/)
 * (@toffaha)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146478)
 * Thank you Tobias.
    But the last code u sent me did not work. Still the width 
   of the table fixed to the full page.
 * Any other solution?
 *  Thread Starter [toffaha](https://wordpress.org/support/users/toffaha/)
 * (@toffaha)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146479)
 * THANK YOU TOBIAS.
 * IT WORKED. I JUST CHOSE THE WRONG TABLE.
 * THANK YOU A BUNCH.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146484)
 * 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](https://wordpress.org/support/view/plugin-reviews/tablepress)
   here in the plugin directory. Thanks!
 *  [melsuerau](https://wordpress.org/support/users/melsuerau/)
 * (@melsuerau)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146608)
 * I am trying to make the top 2 tables on this page at 60% using the code above,
   but it is not working.
    [http://canandaiguamedical.com/test/internal-medicine/](http://canandaiguamedical.com/test/internal-medicine/)
   The top blue table and the table under it are still full width.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146609)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * Due to some CSS that your theme adds, you will need to make the CSS selector 
   more specific. Please try again with
 *     ```
       .entry .tablepress-id-3,
       .entry .tablepress-id-4 {
       	width: 60%;
       	margin: 0 auto 1em;
       }
       ```
   
 * By the way: Using a one-cell table for layout purposes like this is not really
   a good idea. I suggest to maybe simply use an HTML element like `<blockquote>`.
 * Regards,
    Tobias
 *  [TheBristolMan](https://wordpress.org/support/users/thebristolman/)
 * (@thebristolman)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146611)
 * I can’t get column 6 to widen to its CSS setting which is set to the same px 
   width setting as columns 3-5 (75px).
 * [http://www.wptest2.agilebts.com/zoho-implementation-plans/](http://www.wptest2.agilebts.com/zoho-implementation-plans/)
 * Here is the CSS section…
 * .tablepress-id-6 .column-3 {
    width: 75px; text-align: center; }
 * .tablepress-id-6 .column-4 {
    width: 75px; text-align: center; }
 * .tablepress-id-6 .column-5 {
    width: 75px; text-align: center; }
 * .tablepress-id-6 .column-6 {
    width: 75px; text-align: center; }
 * My theme is at full page width and I also tried the CSS to reduce the table size
   but the uneven column spacing persists:
 * .tablepress-id-6 {
    width: 90%; margin: 0 auto 1em; }
 * What am I overlooking?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146613)
 * Hi,
 * you are trying to make all of those columns 75px wide, but the content in them
   require much more pixels (for example, the string “$199/month” requires 159 pixels
   already).
 * I suggest to remove
 *     ```
       .tablepress-id-6 {
         width: 90%;
         margin: 0 auto 1em;
       }
       ```
   
 * again, and then replace the other CSS for this table with the shorter
 *     ```
       .tablepress-id-6 .column-3,
       .tablepress-id-6 .column-4,
       .tablepress-id-6 .column-5,
       .tablepress-id-6 .column-6 {
         width: 15%;
         text-align: center;
       }
       ```
   
 * The columns should then have the same width.
 * Regards,
    Tobias
 *  [AlwaysEnthusiast](https://wordpress.org/support/users/alwaysenthusiast/)
 * (@alwaysenthusiast)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146617)
 * I tried making a table on:
    [http://science-network.tv/observations-and-variables/](http://science-network.tv/observations-and-variables/)
   The table is 100% wide but I want it to adapt and be smaller. I tried the following
   additions in the plugin options:
 * .tablepress-id-1 {
    width: 60%; margin: 0 auto 1em; }
 * #wrapper .tablepress-id-1 {
    width: auto; }
 * .tablepress-id-1 .column-2 {
    padding: 4px; }
 * .tablepress-id-1 .column-2 {
    width: 10px; }
 * I tried them one at the time but none of them makes the table more narrow. Any
   other suggestions?
 *  [AlwaysEnthusiast](https://wordpress.org/support/users/alwaysenthusiast/)
 * (@alwaysenthusiast)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146618)
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146625)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * Can you please try again after turning off the “Use DataTables” checkbox on the“
   Edit” screen of the table? As you are not using any of the features, that’s unnecessary
   and can interfere here.
 * After that,
 *     ```
       #wrapper .tablepress-id-1 {
         width: 60%;
         margin: 0 auto 1em;
       }
       .tablepress-id-1 .column-2 {
         width: 10px;
         padding: 4px;
       }
       ```
   
 * should have an effect.
 * Regards,
    Tobias
 *  [AlwaysEnthusiast](https://wordpress.org/support/users/alwaysenthusiast/)
 * (@alwaysenthusiast)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146628)
 * This seems to work fine. Thanks!
 * I assume you could remove “-id-1” and make these settings global. That would 
   only work if all your tables are of similar width. The other alternative is to
   set this parameter separate for each table.
 * I plan to use a lot of tables, some very small and some very large and crowded.
   Instead of setting a fixed width like 60% would it be possible to use an “auto”
   function so that large crowded tables automatically takes up 100% in width while
   very small tables may take up less than 60%?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146629)
 * Hi,
 * no, I’m not aware of a CSS property that will make the table use 100% or 60% 
   based on its size.
    However, there’s maybe a workaround here for you that saves
   you from having to duplicate the CSS code for each table: You could use “Extra
   CSS classes” (on the table’s “Edit” screen). With that, you could assign each
   table a CSS class like “tablepress-width-60” or “tablepress-width-100” and then
   use that in the CSS, like
 *     ```
       #wrapper .tablepress-width-60 {
         width: 60%;
         margin: 0 auto 1em;
       }
       #wrapper .tablepress-width-100 {
         width: 100%;
       }
       ```
   
 * Does that make sense?
 * Regards,
    Tobias
 *  [AlwaysEnthusiast](https://wordpress.org/support/users/alwaysenthusiast/)
 * (@alwaysenthusiast)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146658)
 * I created several classes (40%, 60%, 80% and 100%). I simply assign each table
   a class as you suggested and it seems to work fine.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146659)
 * Hi,
 * very cool! That’s great news! 🙂
 * Best wishes,
    Tobias

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

The topic ‘table width’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

## Tags

 * [table width](https://wordpress.org/support/topic-tag/table-width/)

 * 15 replies
 * 5 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/table-width-7/#post-5146659)
 * Status: resolved