Inconsistent header height

  • Resolved stjason

    (@stjason)


    6 years, 6 months ago

    In my custom CSS I have:

    .tablepress thead th {
	font-family: myriad pro;
	font-size: 14px;
	padding: 0 0 8px 8px !important;
	text-transform: none;
	line-height: normal;
	vertical-align: bottom;
}

    I have a page which loads several tables which are formatted with the same number of columns. The problem I am seeing is that the height of the header is wildly inconsistent. Some tables look fine but others have a header which is much too large. Any idea what could cause the header of some tables look so different?

    Also of note the last column seems to align to the top of the cell for an unknown reason.

    Unfortunately this page contains sensitive information and is behind a user’s login so I’m unable to provide a direct link here. If necessary I will try to reproduce with dummy data and provide a login for that.

    • This topic was modified 6 years, 6 months ago by stjason.
    • This topic was modified 6 years, 6 months ago by stjason.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 6 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    My guess here is that some CSS by the theme or another plugin is interfering here. It would be great if you could reduce the table to some dummy data, so that I can take a direct look.
    Also, please try testing with the “Horizontal Scrolling” checkbox turned off, that might also play a role here (we can then add Horizontal Scrolling later again, with a slightly different method).

    Regards,
    Tobias

    Thread Starter stjason

    (@stjason)

    6 years, 6 months ago

    Thank you Tobias, I’ve set up some test data that is exhibiting the problem.

    http://partnerfirst.biz/wp-login.php
    login: testuser
    pass: Test1234

    I’ve turned off most of the plugins for now but I think you are correct in that CSS from elsewhere is interfering.

    I’ve tried targeting the tr element directly but while this does seem to affect the first table’s header the others are not affected. Thanks for your help!

    .tablepress thead tr {
	color: red !important;
        height: 90px !important;
}
    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 6 months ago

    Hi,

    thanks for the login!

    The problem is in the cell “Updated 9/16/19”. There are quite a few line breaks (from pressing Enter) after the date. If you remove those, the header will shrink.

    Regards,
    Tobias

    Thread Starter stjason

    (@stjason)

    6 years, 6 months ago

    Ah, sometimes the simplest answers are what we miss. 🙂 Thank you!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 6 months ago

    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 5 replies - 1 through 5 (of 5 total)

The topic ‘Inconsistent header height’ is closed to new replies.