Title: Table not scrollable
Last modified: July 2, 2023

---

# Table not scrollable

 *  Resolved [Rad](https://wordpress.org/support/users/radwolf83/)
 * (@radwolf83)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/table-not-scrollable/)
 * Hi there:
   I use the table with shortcode. What happens is that the table occupies
   the full width of the device but the rest of the content is reduced. I don’t 
   know why. I would like the table to be able to scroll sideways and the rest of
   the page to stay in the right proportion.
 * Any help?
 * Thanks in advance.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftable-not-scrollable%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [gomez77](https://wordpress.org/support/users/gomez77/)
 * (@gomez77)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/table-not-scrollable/#post-16864934)
 * I can’t actually see a table on the page you have linked to, but I think you 
   need to set overflow-x to auto on the parent div of your table.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/table-not-scrollable/#post-16865278)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * This is the classical problem of responsiveness for tables on a website. You 
   could turn on the “Horizontal Scrolling” checkbox in the “Table Features for 
   Site Visitors” section on the table’s “Edit” screen here. Alternatively, the 
   suggestion by gomez77 would also work, but requires custom coding. Finally, you
   could also look into using the [Responsive Tables](https://tablepress.org/modules/responsive-tables/)
   features module that is part of the [TablePress premium versions](https://tablepress.org/pricing/).
   This offers even more possibilities for making a table responsive.
 * Best wishes,
   Tobias
 *  [Zenkins Tech](https://wordpress.org/support/users/zenkinstech/)
 * (@zenkinstech)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/table-not-scrollable/#post-16891523)
 * You can add the below custom CSS in the Plugin Options
 * .tablepress {
   display: block;overflow-x: scroll;}
 * You can update the CSS as per your scroll requirement.
 * For Reference check the result here: [https://zenkins.com/hire/dotnet-developers/](https://zenkins.com/hire/dotnet-developers/)
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/table-not-scrollable/#post-16891793)
 * Hi,
 * thanks for sharing this approach! Changing the `display` CSS property of tables
   to `block` is not something that I recommend, as it can influence other parts
   of the style and have effects on accessibility. Adding a wrapper is often the
   better solution here.
 * Best wishes,
   Tobias

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

The topic ‘Table not scrollable’ 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/)

 * 4 replies
 * 4 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [2 years, 10 months ago](https://wordpress.org/support/topic/table-not-scrollable/#post-16891793)
 * Status: resolved