Title: Responsive scroll table column width
Last modified: April 2, 2020

---

# Responsive scroll table column width

 *  Resolved [valeriodonfrancesco](https://wordpress.org/support/users/thor486/)
 * (@thor486)
 * [6 years ago](https://wordpress.org/support/topic/responsive-scroll-table-column-width/)
 * Hello, I added a Tablepress generated table to a page on the website I’m designing.
   I installed the responsive tables extension and I set the table to scroll. When
   the website is shown on mobile the table goes to scroll mode but the columns 
   are too small, is there a way to change the column width?
 * I tried changing the css but it doesn’t seem to work, I added this CSS code:
 * .tablepress-id-3 .column-1 {
 *  text-align: left;
    width: 15%; font-weight: normal; line-height: 2; }
 * .tablepress-id-3 .column-2,
    .tablepress-id-3 .column-3, .tablepress-id-3 .column-
   4, .tablepress-id-3 .column-5, .tablepress-id-3 .column-6 {
 * width: 17%;
    }
 * Thank you.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-scroll-table-column-width%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [6 years ago](https://wordpress.org/support/topic/responsive-scroll-table-column-width/#post-12621498)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * Besides setting the column width, which is fine, you could try setting a minimum
   column width, as an absolute pixel value:
 *     ```
       .tablepress-id-3 .column-2,
       .tablepress-id-3 .column-3,
       .tablepress-id-3 .column-4,
       .tablepress-id-3 .column-5,
       .tablepress-id-3 .column-6 {
         width: 17%;
         min-width: 150px;
       }
       ```
   
 * With that, the table should not become too narrow on small screens.
 * Regards,
    Tobias
 *  Thread Starter [valeriodonfrancesco](https://wordpress.org/support/users/thor486/)
 * (@thor486)
 * [6 years ago](https://wordpress.org/support/topic/responsive-scroll-table-column-width/#post-12622763)
 * Thank you, it’s working now 🙂
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [6 years ago](https://wordpress.org/support/topic/responsive-scroll-table-column-width/#post-12622814)
 * Hi,
 * no problem, you are very welcome! 🙂 Good to hear that this helped!
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](https://wordpress.org/support/plugin/tablepress/reviews/#new-post)
   here in the plugin directory. Thanks!

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

The topic ‘Responsive scroll table column 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/)

 * 3 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/responsive-scroll-table-column-width/#post-12622814)
 * Status: resolved