Recent Update Causing Error In Responsive Scroll

  • Resolved Coombsy

    (@coombsy)


    9 years, 5 months ago

    Hi Tobias,

    I absolutely love this plugin of yours and rely on it daily for our website (www.spartans.com.au) to work!

    I’ve unfortunately encountered an error just now in regards to the responsiveness (scroll) of the tables I’ve set up.

    For example, our Fixtures page (www.spartans.com.au/fixtures) no longer spaces the table columns out nicely, instead squashing everything into the right hand side over multiple lines.

    It is also no longer possible to scroll through the table horizontally, something that never occurred prior to the update.

    I believe I’ve set everything up properly as it used to (until today) work perfectly, for example like this: [table id=6 responsive=scroll /]

    The first column seems to get most of the space on the table and all other columns are squished together after it, with a large chunk of empty space in between.

    Could you please help in any way to resolve this issue – any help is hugely appreciated!

    Kind regards,
    Daniel

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

    (@tobiasbg)

    9 years, 5 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    This is caused by some theme CSS. To work around this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress th,
.tablepress td {
  width: auto;
}

    Then, I also recommend to uncheck the “Use DataTables” checkbox, as you have turned off the features anyways.

    Regards,
    Tobias

    Thread Starter Coombsy

    (@coombsy)

    9 years, 5 months ago

    Hi Tobias,

    Many thanks for getting back to me so quickly, hugely appreciate it!

    Have applied the CSS you provided above, it certainly has helped with the layout of the content in the table (no longer is there a big gap between the first and second column),

    However, the ability to scroll through the table is unfortunately still not working.

    I’ve had a play around and it seems to have been a recent update to the grow pro theme that I’m using by Thinkupthemes.

    I’ve reached out to them for help but am not too confident unfortunately as it seems to be a change in the theme that has caused a conflict, meaning it’d probably require a lot of work to fix.

    I supplied them with a before and after of the tables (i.e. how I could scroll left to right through it to see all the content) –

    Grow Pro and Tablepress

    No idea why the scrolling of the table no longer works, the table now tries to fit everything inside the page whereas before bits were obviously cut off and required you to move left to right to view them.

    Hopefully a fix comes up soon as not sure where else to turn to in regards to getting the ‘scroll back’!

    Of course, any ideas or suggestions would be hugely appreciated, and many thanks for your help thus far!

    Warm regards,
    Daniel

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 5 months ago

    Hi Daniel,

    please try adding this “Custom CSS” as well:

    .tablepress-id-6 th,
.tablepress-id-6 td {
  white-space: nowrap;
}

    Regards,
    Tobias

    Thread Starter Coombsy

    (@coombsy)

    9 years, 5 months ago

    Hi Tobias, enormous thank you that worked perfectly!

    Tables now work perfectly as before theme update,

    Hugely appreciate all your help, big big thanks!!!

    Kind regards,
    Daniel

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 5 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 ‘Recent Update Causing Error In Responsive Scroll’ is closed to new replies.