Title: Header and Data widths different
Last modified: August 21, 2016

---

# Header and Data widths different

 *  Resolved [danielpark](https://wordpress.org/support/users/danielpark/)
 * (@danielpark)
 * [12 years ago](https://wordpress.org/support/topic/header-and-data-widths-different/)
 * I need varied widths in my columns. I have tried editing the width of a column
   or two via the instructions in the FAQ. The column width of the data adjusts,
   but the headers don’t follow suit, which leads to the headers and their corresponding
   data being out of sync.
 * Here’s a link:
 * [http://www.dappertext.com/camtasia-training-comparison-table/](http://www.dappertext.com/camtasia-training-comparison-table/)
 * Any idea how I can widen a few of these columns, and also have the headers do
   the same?
 * thanks, Daniel
 * [https://wordpress.org/plugins/tablepress/](https://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 ago](https://wordpress.org/support/topic/header-and-data-widths-different/#post-4937704)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * Please try again after turning off “Horizontal Scrolling” on this table. That’s
   presumably what’s causing trouble here.
 * Regards,
    Tobias
 *  Thread Starter [danielpark](https://wordpress.org/support/users/danielpark/)
 * (@danielpark)
 * [12 years ago](https://wordpress.org/support/topic/header-and-data-widths-different/#post-4937773)
 * I did so, but then it doesn’t appear to take into account the custom widths I
   specify in the Custom CSS under Frontend Options:
 * .tablepress-id-1 .column-1 {
    width: 200px; }
 * .tablepress-id-1 .column-10 {
    width: 400px; }
 * .tablepress-id-1 .column-11 {
    width: 500px; }
 * Thoughts?
 * thanks, Daniel
 * p.s. thank you for the rapidfire response!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years ago](https://wordpress.org/support/topic/header-and-data-widths-different/#post-4937780)
 * Hi,
 * the browser can’t really make those columns bigger, as it also needs space for
   the other columns.
    However, the table is already bigger than the space the theme
   uses for the content by default (i.e. the table is actually extending to the 
   right already, beyond the designed content area).
 * You could maybe experiment with smaller font sizes or remove some columns, but
   the widths probably won’t change until you make the table fit into the designated
   content area of the theme (or until you increase that content area).
 * Regards,
    Tobias

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

The topic ‘Header and Data widths different’ 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 ago](https://wordpress.org/support/topic/header-and-data-widths-different/#post-4937780)
 * Status: resolved