Issue with Display in Different Browsers

  • Resolved mmg1

    (@mmg1)


    7 years, 6 months ago

    Hello,

    I am using table press on a client’s website in order to make a list of staff and their contact information. I set up everything while using FireFox and everything appeared fine. However, my client uses Google Chrome and pointed out that the final column in the table was too thin and causing the phone numbers to stack.

    I checked the forum and tried to adjust the width of the columns using CSS, but when I did this I only saw the changes happening in FireFox and not in Google Chrome. In short, the main problem I am having is that I do not know how to make the table look the same across different browsers. If it makes any difference, I used the import CSV feature to bring the information into Tablepress. I will list my Debug and Version information below.

    Thank you for your time.

    · Website: https://rockfordha.org
    · TablePress: 1.9.1
    · TablePress (DB): 37
    · TablePress table scheme: 3
    · Plugin installed: 2018/10/08 20:54:05
    · WordPress: 4.9.8
    · Multisite: no
    · PHP: 5.6.27
    · mysqli Extension: true
    · mySQL (Server): 5.6.32-78.0-log
    · mySQL (Client): 5.6.33
    · ZIP support: yes
    · UTF-8 conversion: yes
    · WP Memory Limit: 40M
    · Server Memory Limit: 256M
    · Magic Quotes: off
    · WP_DEBUG: false
    · WP_POST_REVISIONS: true

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

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

    (@tobiasbg)

    7 years, 6 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Due to the number of columns, the algorithms that the browsers use to calculate a column width, differ. Our best chance here probably is to disallow automatic line breaks in these last columns. For that, please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-1 .column-6,
.tablepress-id-1 .column-7 {
  white-space: nowrap;
}

    Regards,
    Tobias

    Thread Starter mmg1

    (@mmg1)

    7 years, 6 months ago

    Hello,

    That looks to have fixed it, Thank you very much!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 6 months ago

    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 ‘Issue with Display in Different Browsers’ is closed to new replies.