strange problem in JS

  • Resolved dudlaj

    (@dudlaj)


    6 years, 9 months ago

    Hello,
    I encounter strange problem. I have a table on this page – http://filbec.jeztezdrave.cz/zakladni-rada-filtru-filbec/
    When I am in admin and check the table in the same browser then everything works fine.
    If I am in browser where I see the webpage as a guest, then I see errors in JS and the table is not working as expected
    The page looks like this when I am in admin area – http://filbec.jeztezdrave.cz/wp-content/uploads/2019/09/tablepress_Filbec.jpg – so you can see the difference.

    All caching solutions (theme/plugin) was disabled. I was trying to swith to a default theme andwas trying to disable plugins but I was not able to identify the problem.

    Any help is appreciated – thx for support and great pluin
    dUDLAJ

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

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

    (@tobiasbg)

    6 years, 9 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    The problem are the “divider” rows that you have in the table, which use #colspan# to merge cells. You should either remove those, or (which should be ok here) turn off the “Use DataTables” checkbox on the table’s “Edit” screen.
    To get horizontal scrolling back, you can then use the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/

    Regards,
    Tobias

    Thread Starter dudlaj

    (@dudlaj)

    6 years, 8 months ago

    Hello Tobias – thank you for superfast answer.
    I was „playing“ with tables half of the afternoon and I think the problem is not the divider (in the rows with #colspan) neither the Datatables JS. You identified the problem yourself – it’s the Responsive Tables extension.
    I had it already installed on the page but I was using just clasic VC shortcodes in the table – example here – http://filbec.jeztezdrave.cz/katalog/ceramic/ (single image shortcode for the icons in columns.
    On this page http://filbec.jeztezdrave.cz/zakladni-rada-filtru-filbec/ I am using also the Jupiter theme shortcodes inside the table.
    Now it is working correctly, but the tables are not responsive (responsive tables extension deactivated) = equals the colors on icons are OK, dividers are on their places Datatables can be switched on.
    If I activate responsive tables extension – 1. page load on guest browser is OK. Second page load – The color are gone, and styling problems, js errors ..
    I can create you an account in the system and share ftp credentials – if needed.
    Thx for support

    Best regards
    dUDLAJ

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 8 months ago

    Hi,

    the only chance that the TablePress Responsive Tables Extension could cause this is if you were trying the collapse mode. All other modes don’t use JavaScript.

    And at least when I checked your original link earlier, the JS error was caused by using #colspan# in a table that had “Use DataTables” turned on.

    Regards,
    Tobias

    Thread Starter dudlaj

    (@dudlaj)

    6 years, 8 months ago

    Hello,
    final thoughts about this support ticket.
    You we’re right about the colspan and I was right about the Jupiter theme shortcodes.
    Both cause trouble – I solved it like this and it is working – http://filbec.jeztezdrave.cz/zakladni-rada-filtru-filbec/ – it needs some fine tunnig, but it is working across the devices.
    Thank you for your support and for the great plugin again.
    Best regards
    dUDLAJ

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 8 months ago

    Hi,

    nice! Good to hear that you found a working solution here!

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘strange problem in JS’ is closed to new replies.