Column width issue on wide table

  • Resolved edcroteau

    (@edcroteau)


    6 years ago

    Thanks for your help in advance.

    I’m trying to force column widths on this page. I was able to do it on another page/table with the “.column-1 width:” easily but on this page/table, it’s really sticky for some weird reason. The WPMU Dev support guy said my code was right but the browser wasn’t respecting it. Maybe it’s because it’s a horizontally scrolled table – 1347 pix wide.

    Page: https://kimsammetcollegecounseling.com/profile-storyboard-test-page/

    I would like to see just the first 4 columns on the page until the user scrolls right to see other columns. So, in some sense (will change later,) I need the column widths to be about 25% of the visible table width (which looks like 810px.)

    Please advise.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Unfortunately, that is not really possible. The browser will always try to keep the column width small, to prevent scrolling, if possible.
    You could maybe try turning off automatic line breaks:

    .tablepress-id-6 .column-1,
.tablepress-id-6 .column-2,
.tablepress-id-6 .column-3,
.tablepress-id-6 .column-4 {
	white-space: nowrap;
}

    Regards,
    Tobias

    Thread Starter edcroteau

    (@edcroteau)

    Thanks Tobias – checking into this now.

    Thread Starter edcroteau

    (@edcroteau)

    Aha, I think I have it for desktop:

    	.tablepress-id-6 .column-1,
	.tablepress-id-6 .column-2,
	.tablepress-id-6 .column-3,
	.tablepress-id-6 .column-4 {
		min-width: 190px !important;
		white-space: nowrap !important;
	}

    I had tried the “nowrap” earlier, but it seems that in my case, the 2 “!importants” and the “min-width” instead of “width” were what I needed.

    Thanks for a great plugin and the prompt support!

    Ed

    Plugin Author Tobias B?thge

    (@tobiasbg)

    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 here in the plugin directory. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Column width issue on wide table’ is closed to new replies.