FixedColumns not working with Thrive Content Builder

Hi,

thanks for your post, and sorry for the trouble.

From what I can see, there are some JavaScript error reported on that page (in the browser’s JS error log console), that are related to the FixedColumns script. Unfortunately, as I’m not the developer of that external library (I only make it available as a TablePress Extension), I’m not too familiar with it and can’t make sense out of this error ??

Now, they might be caused by the call to the loading of the DataTables JS library being in the page three times, while there’s just one instance of the table. I assume that this is caused by that Thrive Content Builder thing.

Regards,
Tobias

Hi Tobias

Thank you for taking the time to look at my problem.

Can you let me know where the code is loaded 3 times because I only see it loading once at the end near the </body> tag (<script type=”text/javascript” src=”https://toolsaroundthehouse.com/wp-content/plugins/tablepress-datatables-fixedcolumns/FixedColumns.min.js”></script&gt;) I don’t see any other occurrences.

I created a second page where TCB is not used: https://bit.ly/1JTwiDW
I see that this page is generating different code and loading different CSS classes. Do you know what could be causing this?

Thanks a lot,
Kristof

Hi Kristof,

I’m refering to the JS code below that. On the page where it’s not working, it’s

var DT_tablepress_6 = $('#tablepress-6').dataTable({"stripeClasses":[],"ordering":false,"paging":false,"searching":false,"info":false,"scrollX":true,"scrollCollapse":true});
new $.fn.dataTable.FixedColumns( DT_tablepress_6 );
var DT_tablepress_6_no_2 = $('#tablepress-6-no-2').dataTable({"stripeClasses":[],"ordering":false,"paging":false,"searching":false,"info":false,"scrollX":true,"scrollCollapse":true});
new $.fn.dataTable.FixedColumns( DT_tablepress_6_no_2 );
var DT_tablepress_6_no_3 = $('#tablepress-6-no-3').dataTable({"stripeClasses":[],"ordering":false,"paging":false,"searching":false,"info":false,"scrollX":true,"scrollCollapse":true});
new $.fn.dataTable.FixedColumns( DT_tablepress_6_no_3 );

whereas on the new page it’s (correctly)

var DT_tablepress_6 = $('#tablepress-6').dataTable({"stripeClasses":[],"ordering":false,"paging":false,"searching":false,"info":false,"scrollX":true,"scrollCollapse":true});
new $.fn.dataTable.FixedColumns( DT_tablepress_6 );

My assumption is that this is caused by that Thrive Content Builder thing evaluating the Shortcode three times internally, but only showing it once.
TablePress basically has a counter that increased the HTML ID for each evaluation of the Shortcode (so that everything works in case someone really inserted the Shortcode several times on the same page).

Regards,
Tobias

Hi Tobias

Thanks for the explanation. I’ll take it up with the Thrive support theme then.

Regards,
Kristof

Hi Kristof,

yes, that will be the best next step here. If they find that there’s something I can do about this in TablePress, please let me know.

Regards,
Tobias