Title: Horizontal scroll doesn't work.
Last modified: August 24, 2016

---

# Horizontal scroll doesn't work.

 *  Resolved [hanpeace](https://wordpress.org/support/users/hanpeace/)
 * (@hanpeace)
 * [11 years ago](https://wordpress.org/support/topic/horizontal-scroll-doesnt-work/)
 * Hi Tobias
 * Thank you for your fantastic plugin.
    Before this, I have looked at many FAQs
   and forums, but I could not find the solution to my problem.
 * This is my link:
    [http://koreanhistory.co.kr/?page_id=2](http://koreanhistory.co.kr/?page_id=2)
 * I want to use the horizontal scrolling tool.
    I am currently making a history
   website and this will help me a lot. Just for testing, I changed the CSS drastically
   larger for the width of each column. But, when I do this, the width of the columns
   change automatically to fit the page. So, the scroll bar does not move.
 * How can I fix this?
 *     ```
       .tablepress-id-3 .column-1 {
       	width: 1500px;
       }
   
       .tablepress-id-3 .column-2 {
       	width: 1200px;
       }
   
       .tablepress-id-3 .column-3 {
       	width: 1700px;
       }
   
       .tablepress-id-3 .column-4 {
       	width: 1250px;
       }
   
       .tablepress-id-3 .column-5 {
       	width: 1500px;
       }
   
       .tablepress-id-3 .column-6 {
       	width: 1500px;
       }
   
       .tablepress-id-3 .column-7 {
       	wid
       ```
   
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years ago](https://wordpress.org/support/topic/horizontal-scroll-doesnt-work/#post-6140827)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * You might have to set the width with the `!important` flag appended, to overcome
   inline styles that the DataTables JS library uses, i.e. use
 *     ```
       .tablepress-id-3 .column-1 {
       	width: 1500px !important;
       }
       ```
   
 * Alternatively, you could use the approach from [https://wordpress.org/support/topic/responsive-tables-scroll-only?replies=6#post-5511954](https://wordpress.org/support/topic/responsive-tables-scroll-only?replies=6#post-5511954)
   instead of that from the the DataTables JS library.
 * Regards,
    Tobias
 *  Thread Starter [hanpeace](https://wordpress.org/support/users/hanpeace/)
 * (@hanpeace)
 * [11 years ago](https://wordpress.org/support/topic/horizontal-scroll-doesnt-work/#post-6140905)
 * Hi.
 * Thanks for your feedback.
    I tried both ways you suggested and found that “!important
   flag” doesn’t work but the other way works.( [https://wordpress.org/support/topic/responsive-tables-scroll-only?replies=6#post-5511954](https://wordpress.org/support/topic/responsive-tables-scroll-only?replies=6#post-5511954))
 * However, when I add the ‘DataTables FixedColumns’ to fix the left column, it 
   shows an unnecessay scroll underneath.
    [http://koreanhistory.co.kr/?page_id=2](http://koreanhistory.co.kr/?page_id=2)
 * I appreciate you in advance even if you don’t have time to fix my issue.
    Thanks
   Chris
 *  Thread Starter [hanpeace](https://wordpress.org/support/users/hanpeace/)
 * (@hanpeace)
 * [11 years ago](https://wordpress.org/support/topic/horizontal-scroll-doesnt-work/#post-6140921)
 * I found that the page shows differently by the browser.
    I can get a perfect 
   result in Firefox but there is unnecessary scroll in Google Chrome. Thanks
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years ago](https://wordpress.org/support/topic/horizontal-scroll-doesnt-work/#post-6140929)
 * Hi,
 * I see what you mean, and I have actually seen that before, but unfortunately,
   I was not yet able to find the cause or a solution for it 🙁
    This seems to be
   some issue in the FixedColumns JavaScript code (which I did not develop, but 
   only make available as a TablePress Extension). I hope that it gets fixed there
   in the future, and I will then update the Extension as well.
 * Regards,
    Tobias
 *  Thread Starter [hanpeace](https://wordpress.org/support/users/hanpeace/)
 * (@hanpeace)
 * [11 years ago](https://wordpress.org/support/topic/horizontal-scroll-doesnt-work/#post-6140932)
 * Thanks Tobias.
 * Even with the issue, it is still very much helpful.
    Also, I am very happy with
   your fantastic plugin.
 * Regards
    Chris
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years ago](https://wordpress.org/support/topic/horizontal-scroll-doesnt-work/#post-6140934)
 * Hi Chris,
 * thanks, that good to hear!
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](http://wordpress.org/support/view/plugin-reviews/tablepress)
   here in the plugin directory. Thanks!

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

The topic ‘Horizontal scroll doesn't work.’ 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

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

 * 6 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/horizontal-scroll-doesnt-work/#post-6140934)
 * Status: resolved