Title: Column and width alignments
Last modified: April 29, 2021

---

# Column and width alignments

 *  Resolved [Baldtel](https://wordpress.org/support/users/baldtel/)
 * (@baldtel)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/column-and-width-alignments/)
 * I have placed all of my tables on one page to see how they are all looking, although
   normally, they all live across different pages
 * The only CSS I have in the custom CSS area is for the color of the headers of
   the tables.
 * But on my URL I have many tables and there are issues with all of them.
    - table 1 seems fine
    - table 2 – second column is squashed. 1st and 2nd headers squashed
    - table 3 – header is not aligned with body of table. I’m also not sure now 
      to make the table span 100% width of content area
    - table 4 – same as 3
    - table 5 – headers are squashed
    - table 6 – same as 3 and 4, header is misaligned and the colums are squashed
      because they are not fullwidth
    - table 7 – is the same as 3,4 and 6
    - I thought the tables were also responsive, but looking on my phone. the first
      table looks a mess and the others, even-though they are a lot better, are 
      still squashed.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcolumn-and-width-alignments%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/column-and-width-alignments/#post-14381492)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * To fix these issues, please add this to the “Custom CSS” textarea on the “Plugin
   Options” screen of TablePress:
 *     ```
       .tablepress {
           word-break: normal;
       }
       ```
   
 * This will fix the “mess” that you are seeing, which is caused by the word-breaking
   that is added by your theme.
 * Then, for the tables with misaligned headers: This can happen with the Horizontal
   Scrolling feature. As a fix, and as that’s the only feature that you selected
   for these tables, I recommend to replace that with a Horizontal Scrolling implementation
   that does not use JavaScript. To do that, please uncheck the “Horizontal Scrolling”
   and the “Use DataTables” checkboxes on the tables’ “Edit” screen. Then, install
   the TablePress Extension from [https://tablepress.org/extensions/responsive-tables/](https://tablepress.org/extensions/responsive-tables/)
   and use its `scroll` mode for these tables.
 * Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘Column and width alignments’ 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/)

 * 1 reply
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/column-and-width-alignments/#post-14381492)
 * Status: resolved