WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] TablePress Javascript error (24 posts)

  1. tremblayly
    Member
    Posted 1 year ago #

    I use TablePress v1.0 (migrated from WP Table Reloaded) plugin on my WooCommerce product page. I also have a Gravity Form and a WooCommerce Gravity Form Addons plugins on that same page. When the TablePress plugin is deactive I get the total on that page display; however, when I the TablePress plugin is active it does not display.

    WooCommerce support said they see the following Javascript error generated by TablePress.

    https://www.dropbox.com/s/n59myz1vzv2srdv/TablePress%20JS%20error.jpg

    Thanks
    Lyse

    http://wordpress.org/extend/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table, so that I can take a direct look and try to find out where that error message comes from? Thanks!

    Regards,
    Tobias

  3. Darek L
    Member
    Posted 1 year ago #

    Tobias,

    I have the same problem, so You can see my website as well:
    coaching.dariusz-licznerski.pl

    Probably it comes from google button, I am not sure if I had it with WP-Table Reloaded plugin before or not.

    Regards,
    Darek

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Darek,

    I don't see that issue on the page that you linked to...
    The table functions work fine there. Can you please provide some more information on how to reproduce this? Thanks!

    Regards,
    Tobias

  5. Darek L
    Member
    Posted 1 year ago #

    Tobias,

    Well, I see it in the console like tremblayly. If You don't see it, it means it is probably end-user dependent or network issue... such issues are the worst, hard to reproduce.

    Regards,
    Darek

  6. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    hhm, indeed weird then... I'm using Chrome, and I can't see that in the Console (I only see a Facebook warning, and that second part of the error from the screenshot, with the widget).
    However, all functions are working fine.

    Just to double-check: Does this happen to you in a different browser, or when you are logged-out of WordPress in your regular browser?

    Regards,
    Tobias

  7. Darek L
    Member
    Posted 1 year ago #

    Tobias, I had Firefox but I have the same problem with Google Chrome so it is not probably the browser case.

  8. Darek L
    Member
    Posted 1 year ago #

    Opera has it too.

  9. Darek L
    Member
    Posted 1 year ago #

    The 99% that this comes from google button and not impact its functionality. Call from nested frames causes the error...? Changed place of google button should help...?

  10. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    I still can't reproduce this, neither with Chrome on Mac, nor Firefox on Windows...
    Is http://coaching.dariusz-licznerski.pl/ really the correct URL? Maybe we are looking at different pages...

    Regards,
    Tobias

  11. Darek L
    Member
    Posted 1 year ago #

    Tobias,

    Correct URL, I also noticed this issue on other websites without TablePress on board but with google button... It might be also related to the highly overloaded PC (end-user issue).

    The 99% it is not TablePress issue, rather google button placement + end-user.

    Regards,
    Darek

  12. Darek L
    Member
    Posted 1 year ago #

    Probably to reproduce this issue You need to load google button on highly overloaded PC.

  13. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    yes, that could then indicate that something is going on with that Google button.
    I hope that you can find a solution to it!

    Regards,
    Tobias

  14. Darek L
    Member
    Posted 1 year ago #

    The solution will be:

    - Check Your network.
    - Check Your PC if is not overloaded.
    - Check Google button placement.

    Tobias, I guess You can change the status to "resolved" because it is not TablePress code issue.

    Regards,
    Darek

  15. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Darek,

    yes, that's a good strategy!

    I'll then mark this thread as resolved, once the problem is solved for Lyse as well.

    Best wishes,
    Tobias

  16. tremblayly
    Member
    Posted 1 year ago #

    Hi Tobias,

    The following is a link to a product page that uses a table created in TablePress. I reactivated TablePress in order for you to see the issue. Make a selection on the form below the table and you will see that the total price of the product does not get displayed to add to cart.

    http://tremblaytechweb.com/TWdev/shop/hatch-plus-fanatic-fly-reel#product_imagesgrouped/5/

  17. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    thanks for the link! That helps a lot!

    In your case, the reason for the problem is that you have combined cells in the head row of the table (via #colspan#) and that you are using the Features of the DataTables JS library (like sorting and search) on this table.
    Unfortunately, the external DataTables JavaScript library does not support tables with such combined cells. You will therefore have to decide: Either remove all #colspan# from the table, or stop using the features of the DataTables JS library.

    Regards,
    Tobias

  18. Darek L
    Member
    Posted 1 year ago #

    tremblayly,

    The javascript error:

    Unknown RPC service: widget-interactive-I0_

    is not related to the TablePress code like WooCommerce support said. It's google button issue.

    However, I see other error:

    TypeError: g[(f - d)] is undefined
    [Break On This Error] 	
    
    ....parentNode;h.appendChild(b);""!==a.oScroll.sX&&""!==a.oScroll.sXInner?b.style.w...

    Regards,
    Darek

  19. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Darek,

    that error with the widget is not actually an error, but more like an informative message, I think.

    The other error (that breaks the JS) is related to TablePress, and the reason is the usage of combined cells in a table that uses DataTables features.

    Regards,
    Tobias

  20. Darek L
    Member
    Posted 1 year ago #

    Yes Tobias, The first one is not a big issue, the second one looks more seriously and breaks javascript.

  21. tremblayly
    Member
    Posted 1 year ago #

    Hi Tobias,

    I have disabled the external DataTables JavaScript library and kept my #colspan# in my header. I refreshed my page and all works perfectly and as expected!

    You are absolutely correct Tobias. My problem is solved.

    Thank you so very much.

    Lyse

  22. Darek L
    Member
    Posted 1 year ago #

    However tremblayly can use colspan... but done by CSS trick ;) Like smart hiding some borders ;) It will not be colspan (in the code) but for end-user it will be seen as colspan ;) So there is no need to turn off DataTables features ;)

  23. Darek L
    Member
    Posted 1 year ago #

    ...but there is need little more CSS work ;)

  24. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Lyse,

    great to hear that this helped! :-) That's really nice!

    Darek: Doing this with CSS is not really possible in this case, I think. The reason is that the text in the middle cell in the head row is wider than the cells in the second row. This will therefore lead to weird spacing, without the usage of #colspan#.

    Best wishes,
    Tobias

    P.S.: In case you haven't, please rate TablePress here in the plugin directory. Thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic