Title: Responsive tables
Last modified: August 21, 2016

---

# Responsive tables

 *  Resolved [ckrizman](https://wordpress.org/support/users/ckrizman/)
 * (@ckrizman)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/responsive-tables-3/)
 * Hi there-I am trying to get the responsive table to work for me. It responds 
   to size just fine but the problem I am running into is that when i go to a smaller
   size and the thead wraps to the left side as a column, the rows don’t line up.
   The header label rows are shorter than the rows of data next to it. is there 
   something that will automatically adjust the height so they line up? Thanks!
 * [http://wordpress.org/plugins/tablepress/](http://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/responsive-tables-3/#post-4398950)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * Can you please post a link to the page with the table, so that I can take a direct
   look? I should then be able to find a CSS fix. Thanks!
 * Regards,
    Tobias
 *  Thread Starter [ckrizman](https://wordpress.org/support/users/ckrizman/)
 * (@ckrizman)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/responsive-tables-3/#post-4399049)
 * Thanks-I also noticed that the horizontal scrolling is not working when i do 
   responsive “phone”, it moves the first row of data to the right of the headers
   but then subsequent data is just stacked underneath when i view on my iphone.
   When I shrink my browser window the scrolling works-just not on the phone. I 
   did make some style changes-see below and the link is :
 * [http://newgrowthplanners.com/M-SAMC_Evaluation/participants/program-data/pellissippi/](http://newgrowthplanners.com/M-SAMC_Evaluation/participants/program-data/pellissippi/)
 * Stylesheet changes:
 * [@media](https://wordpress.org/support/users/media/) screen
    and (max-width: 
   767px) { .tablepress-responsive-phone tbody{white-space:normal!important}
 * .tablepress-responsive-phone thead{width:45%!important;}
    .tablepress-responsive-
   phone thead th{ border-bottom-width: 1px!important; border-bottom-style: solid!
   important; border-bottom-color: #CCC!important; }
 * }
 * Thanks-Caroline
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/responsive-tables-3/#post-4399076)
 * Hi Caroline,
 * sorry, I don’t have an iPhone to test 🙁 In the browser (when shrinking the window),
   the scrolling works fine. There’s just some glitches with the cell height, which(
   to some extent) comes from the fact that you are using “colspan” in the table,
   and from the fact that the cell heights differ due to their content. It should
   however be possible to fix that by setting a fixed height on the cells inside
   that media query.
 * Regards,
    Tobias

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

The topic ‘Responsive tables’ 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/)

 * 3 replies
 * 2 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/responsive-tables-3/#post-4399076)
 * Status: resolved