Title: Table Width
Last modified: August 20, 2016

---

# Table Width

 *  Resolved [Wendy](https://wordpress.org/support/users/gwade/)
 * (@gwade)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/table-width/)
 * Hi, I have set up a table yet the width is too wide, how do I ensure that there
   is no padding in the cells and that it fits into the width allowable on my wordpress
   site. In Firefox the table clashes with the widgets on the side.
 * Thanks
    Grant
 * [http://wordpress.org/extend/plugins/tablepress/](http://wordpress.org/extend/plugins/tablepress/)

Viewing 15 replies - 31 through 45 (of 124 total)

[←](https://wordpress.org/support/topic/table-width/page/2/?output_format=md) [1](https://wordpress.org/support/topic/table-width/?output_format=md)
[2](https://wordpress.org/support/topic/table-width/page/2/?output_format=md) 3 
[4](https://wordpress.org/support/topic/table-width/page/4/?output_format=md) … 
[7](https://wordpress.org/support/topic/table-width/page/7/?output_format=md) [8](https://wordpress.org/support/topic/table-width/page/8/?output_format=md)
[9](https://wordpress.org/support/topic/table-width/page/9/?output_format=md) [→](https://wordpress.org/support/topic/table-width/page/4/?output_format=md)

 *  [jimchicago](https://wordpress.org/support/users/jimchicago/)
 * (@jimchicago)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349121)
 * Great, thanks, Tobias! That code worked just fine for me.
 * However, I now have several different pieces of code in Plugin Option > Custom
   CSS. It would really help if I could add a comment above each code snippet to
   confirm what that particular piece of code does. So I tried using the HTML `<!--...--
   >` tag to create a few comments, but it messed up my table.
 * Is there some other way I could add comments above my code snippets. Should I
   just not use the `<!--...-->` tag?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349122)
 * Hi Jim,
 * great to hear that the code worked!
 * And yes, you can add comments to the CSS code. You must not use the HTML style`
   <!--...-->` comments though, as that’s HTML and not CSS. In CSS, a comment looks
   like this:
 *     ```
       /* I'm a comment. */
       ```
   
 * So, just comment your CSS like in this example:
 *     ```
       /* Changes the background of the header cell in the first column of table 1 */
       .tablepress-id-1 thead .column-1 {
       	background-color: #ffff00;
       }
       ```
   
 * Regards,
    Tobias
 *  [jimchicago](https://wordpress.org/support/users/jimchicago/)
 * (@jimchicago)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349123)
 * Thanks very much, Tobias, you are **great **about providing help here. Which 
   is why I just went to the [TablePress Make A Donation page](http://tablepress.org/donate/)
   and donated. Keep up the great work!
 *  [jimchicago](https://wordpress.org/support/users/jimchicago/)
 * (@jimchicago)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349126)
 * Hi Tobias . . . for a given table, when I fill the boxes for “Use Data Tables”
   and “Search Filtering”, a search box just above the table. Is it possible for
   me to revise the text that appears the left of that box? I’d like it to say “
   Search This Table”. THANKS!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349127)
 * Hi Jim,
 * first: Thanks a lot for the donation, I really appreciate it!
 * And yes, changing that “Search” string is no problem. Please take a look at the
   TablePress Extension at [http://tablepress.org/extensions/change-datatables-strings/](http://tablepress.org/extensions/change-datatables-strings/)
   By copying the language file that contains these strings, this Extension allows
   you to change them as desired.
 * Regards,
    Tobias
 *  [jimchicago](https://wordpress.org/support/users/jimchicago/)
 * (@jimchicago)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349129)
 * Hi Tobias,
 * I installed into my site’s wp-content/plugins folder a new folder named tablepress-
   change-datatables-strings, which includes the two files I downloaded from the
   page linked in your last message.
 * In the lang-en_US.js file, I changed:
    `"sSearch": "Search:",` to `"sSearch":"
   Filter Table:",`
 * But above my site’s TablePress tables still say “Search” at the top, beside the
   search bar. Suggestions? Thanks.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349130)
 * Hi Jim,
 * did you activate the new plugin on the “Plugins” screen in your WordPress admin
   area?
 * Regards,
    Tobias
 *  [jimchicago](https://wordpress.org/support/users/jimchicago/)
 * (@jimchicago)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349131)
 * Hi Tobias,
 * I hadn’t activated it before sending you that message, but as soon as I did, 
   the revised text appeared to the left of the search box. That was easy!
 * thanks,
    — Jim
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349134)
 * Hi Jim,
 * that’s explains why it wasn’t working directly then. Great that this was so easy
   🙂
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please rate TablePress here in the plugin directory.
   Thanks!
 *  [footballperspective](https://wordpress.org/support/users/footballperspective/)
 * (@footballperspective)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349137)
 * Tobias,
 * Thanks for all the support. I migrated from WP Table Reloaded to Table Press,
   too, although I’ve used the styles plugin you put on your website because I liked
   the old format better 🙂
 * However, the second table on this page is too wide. This has not happened under
   the old plugin, so not sure what to do. I’ve read this thread, but none of the
   replies seem to be on point.
 * Thanks
 * [http://www.footballperspective.com/are-the-super-bowl-winning-qbs-getting-worse/](http://www.footballperspective.com/are-the-super-bowl-winning-qbs-getting-worse/)
 *  [footballperspective](https://wordpress.org/support/users/footballperspective/)
 * (@footballperspective)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349138)
 * Actually, I enabled horizontal scrolling and now it works. Was that a default
   on the old plug-in?
 * Still, though, is there a way to get the whole table on the page without horizontal
   scrolling? Or are there just too many columns?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349139)
 * Hi,
 * thanks for your question! Great to hear that you migrated! 🙂
 * About the table width: Yes, you simply have too much information in the for it
   to fit on the page. You would have to reduce the font size or padding to make
   it fit, but that would look ugly.
    About the differences to WP-Table Reloaded:
   No, WP-Table Reloaded did not have the Horizontal Scrolling, but it did have 
   a worse handling of the sort arrows: In WP-Table Reloaded, in wide tables, the
   sort arrows could overlap the text in the header cells. This is no longer the
   case in TablePress (even in the WP-Table Reloaded Styling Extension), and that’s
   the reason why the table appears slightly wider than in WP-Table Reloaded.
 * The Horizontal Scrolling is probably the best choice for your table, if you want
   to keep all columns.
 * Regards,
    Tobias
 *  [footballperspective](https://wordpress.org/support/users/footballperspective/)
 * (@footballperspective)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349140)
 * Thanks Tobias. Appreciate the feedback. Two notes:
 * 1) You’re right about the sort arrows overlapping the text. That always kind 
   of annoyed me, so I think this is an improvement.
 * That gave me an idea: I disabled the sorting option, and now the table appears
   without the horizontal sidebar. I think that’s better.
 * However….
 * 2) I dunno if it’s because my old tables were in WP-Table Reloaded, but for example,
   here is a big table I had awhile ago:
 * [http://www.footballperspective.com/checkdowns-career-receiving-stats-in-wins-and-losses/](http://www.footballperspective.com/checkdowns-career-receiving-stats-in-wins-and-losses/)
 * In that post, the table does fit everything and doesn’t use horizontal scrolling(
   again, the table I showed you earlier was made today using the new plugin). It
   looks like instead, it made the Player and Team columns narrow, so most of those
   rows now have to be bigger because the text wraps onto a second line.
 * Is that an option I could use in the new plugin? Hope my question makes sense.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349141)
 * Hi,
 * no problem, you’re very welcome for the feedback!
 * Great to hear that you like the improvement about the overlapping sort arrows!
 * And yes, disabling sort will shrink the table, as the sort arrows will no longer
   be in the cells. (This will however only be the case, if the table head cell 
   plus the sort arrow are the determining factor (i.e. the longest/widest content)
   in a column, which is the case in your table.)
 * About 2): You are right, everything fits there, because the browser simply word-
   wrapped the contents of the Player and Team columns, i.e. at places where they
   have a space or hyphen, it inserts a line break. In the tables from your first
   post, this is not possible, as those don’t contain content where the browser 
   could add such a line break automatically. Thus, there’s nothing really where
   the browser could wrap the text into two lines.
 * Regards,
    Tobias
 *  [footballperspective](https://wordpress.org/support/users/footballperspective/)
 * (@footballperspective)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/table-width/page/3/#post-3349142)
 * Thanks. Great response!

Viewing 15 replies - 31 through 45 (of 124 total)

[←](https://wordpress.org/support/topic/table-width/page/2/?output_format=md) [1](https://wordpress.org/support/topic/table-width/?output_format=md)
[2](https://wordpress.org/support/topic/table-width/page/2/?output_format=md) 3 
[4](https://wordpress.org/support/topic/table-width/page/4/?output_format=md) … 
[7](https://wordpress.org/support/topic/table-width/page/7/?output_format=md) [8](https://wordpress.org/support/topic/table-width/page/8/?output_format=md)
[9](https://wordpress.org/support/topic/table-width/page/9/?output_format=md) [→](https://wordpress.org/support/topic/table-width/page/4/?output_format=md)

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/)

 * 124 replies
 * 21 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/table-width/page/9/#post-3349248)
 * Status: resolved