Responsive Table with Header Alignment

  • Resolved imblake3

    (@imblake3)


    8 years, 8 months ago

    Hello,

    First of all, thank you Tobias for this amazing plugin! I know this topic has been asked a few times, but I couldn’t get any solution to work for me. I have been battling back and forth between heading alignment and responsiveness. I cannot seem to get this table to have the header lined up correctly while also looking decent on a phone.

    Any thoughts on how to align the header while allowing responsive scroll on a phone? Really appreciate any help!

    Blake

    https://www.ads-software.com/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Please try adding this to the “Custom CSS” of TablePress:

    .tablepress {
    table-layout: auto;
    word-wrap: normal;
}

    If that does not help, I suggest to use the scroll mode of the Responsive Tables Extension from https://tablepress.org/extensions/responsive-tables/ instead of the “Horizontal Scrolling” checkbox on the table’s “Edit” screen.

    Regards,
    Tobias

    Thread Starter imblake3

    (@imblake3)

    Perfect! Thank you so much for the quick fix!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive Table with Header Alignment’ is closed to new replies.