Responsive Tables Extension not Working on Mobile

  • Resolved joeyoungblood

    (@joeyoungblood)


    5 years ago

    Hi Tobias,

    First off, love TablePress and donated awhile back. I was notified by a user that a table I created was not responsive, after some research I realized I needed the Premium extension to accomplish this. I installed the extension via the WP installer, edited the table settings to allow for scrolling, and then after more research realized I needed to edit the shortcode to include: “responsive=scroll”. Unfortunately, this doesn’t work and on mobile the table is a massive jumbled mess of numbers and words.

    WordPress version: 5.3.2
    TablePress version: 1.10
    TablePress Responsive Tables version: 1.7

    Table short code: [table id=1 responsive=scroll /]

    Errors in Console: Yes
    Errors resolved in FAQs – JS Section: No

    Errors in Chrome Console:
    Uncaught ReferenceError: module is not defined
    at jquery.datatables.min-1.10.js:8
    at jquery.datatables.min-1.10.js:8
    (index):45 Uncaught TypeError: $(…).dataTable is not a function
    at HTMLDocument.<anonymous> ((index):45)
    at i (jquery-1.12.4-wp.js:2)
    at Object.fireWith [as resolveWith] (jquery-1.12.4-wp.js:2)
    at Function.ready (jquery-1.12.4-wp.js:2)
    at HTMLDocument.J (jquery-1.12.4-wp.js:2)

    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.

    These are a bit separate issues. First, to fix the scrolling, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress {
    table-layout: auto !important;
}

    This overrides a piece of CSS in the theme that’s interfering here.

    The JavaScript error actually has a different cause, but I can’t yet see what it is. To be better able to debug this, could you please turn off the JavaScript caching/concatenation plugin that you are using?

    Regards,
    Tobias

    Thread Starter joeyoungblood

    (@joeyoungblood)

    Thanks Tobias! That seems to have fixed the issue! I’m excited about using TablePress more on my website JoeYoungblood.com now ?? this was stressing me out a little.

    EDIT: While this appears to work, the errors are still showing in console. I’ll turn off our caching later this weeks and reply back here (site is typically. under heaviest load Mon-Wed).

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    great! Good to hear that this fixed the first problem!

    Just let me know once you can turn off caching, so that I can then check out that JS error.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive Tables Extension not Working on Mobile’ is closed to new replies.