Hi,
thanks for your post, and sorry for the trouble.
The cause for this is that the tables are shown in those collapsable tabs. You will need a custom JavaScript solution to trigger a recalculation, similar to this thread: https://wordpress.org/support/topic/tables-within-elementor-components-tabs/
Regards,
Tobias
i applied that code in my case but its not working. can you please check why ? i provide you link above, also can check dev console.
Hi,
I’m afraid that the exact code that you would need to use depends on the exact solution that your site (likely the theme) is using for these tabs. As there are so many different implementations for such tabs, there’s just no way for me to provide a general solution 🙁 So, the example from my link should be seen as a starting point. Assisting with finding the exact code for a certain site is something that I can only offer for users of a TablePress Premium license. Thanks for your understanding.
Regards,
Tobias
When i am writing it show me this error in console. i try to change classes according to my theme. can you please check in console at console into my site. please….
Uncaught TypeError: jQuery(…).DataTable is not a function
at (index):1148:46
i add this code
jQuery('.wd-tab-content-wrapper .dataTable').DataTable({retrieve:true}).columns.adjust().draw();
jQuery('.wd-nav-tabs li').one('click', function(){jQuery('#'+this.getAttribute('aria-controls')+' .dataTable').DataTable({retrieve:true}).columns.adjust().draw();});
Hi,
adjusting the CSS classes alone will likely not be sufficient here, as all those solutions also use different means to “connect” a button with the corresponding content of a tab. (The above example uses the aria-controls attribute, while others use CSS classes or also just plain counting).
Now, the error that you are seeing likely is the consequence of this code running too early. You might however get around that by removing the first part of the code. Also, it seems that your site also loads the DataTables JS library a second time, from a CDN, which is not needed and might interfere.
Regards,
Tobias
1- so what is the solution? do i need to contact with theme support? or do you have any solution? by the way i am using woodmart.
2- also is possible to make header fixed with horizontal scroll by sccript? can you provide?
Hi,
Having a fixed header row is possible with the Fixed Rows and Columns feature module that is part of the TablePress Premium versions. Buying such a license also brings you priority email support, which would be a way to get direct help for fixing the header row problem.
Best wishes,
Tobias
and for this?
1- so what is the solution? do i need to contact with theme support? or do you have any solution? by the way i am using woodmart.
Hi,
as part of the priority support that is available for the TablePress Premium plans, I’ll be happy to look into this for you to find the necessary code.
Best wishes,
Tobias
i do not want priority support, but atleast provide me solution in any time. or tell how to fixed it?
Hi,
sorry, as finding and testing the correct code for your site and theme is custom development work, I’m unable to provide that here in the support forums, but can only offer this directly to users that have a TablePress premium license. Thanks for your understanding.
Best wishes,
Tobias
ok, so if i go for premium are you sure you will solve this problem??
Hi,
yes, I’m quite positive that we can find a good solution for this problem then 🙂 Also, you would then be able to use that fixed header row.
Best wishes,
Tobias
ok i buy it from my other account can you please help me now to fix it?
i should need to fix it before monday morning please.
