Responsive tables problem

  • Resolved stenp

    (@stenp)


    5 years, 12 months ago

    Hi. I am struggling to make a table viewable on both pc and phone. The table has 12 columns and strecthes beyond the size of the phone so I thought it was a good idea to try the Responsive Table addin. However, on the phone it is scrambled and not usable. I have tried to set fixed columns widths, tried to tick the Horizontal scrolling for the table. All together with [table id=1 responsive=collapse] and scroll. Only flip works as expected.

    The link now points to the table where the table do not have fixed columns widths or horizontal scrolling. Only [table id=1 responsive=scroll].

    Cheers.

    • This topic was modified 5 years, 12 months ago by stenp. Reason: Forgot link :)

    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)

    Hi,

    thanks for your question, and sorry for the trouble.

    To hopefully fix these issues (caused by some theme CSS) please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

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

    Regards,
    Tobias

    Thread Starter stenp

    (@stenp)

    Brilliant! Thank you. It solved the problem.

    Sten

    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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive tables problem’ is closed to new replies.