Hi,
I’m not really sure why this happens, unfortunately, but my guess is, that it is related to the automatic width calculation in the DataTables JavaScript library (which you have enabled for the tables, but which you are not using.
Can you therefore try again after unchecking the “Use JavaScript library” checkbox on each of the tables’s “Edit” screen?
Regards,
Tobias
Hi Tobias,
thanks for the guide, it solve the issues 🙂 However, I notice right now that some of the table contents is being “bold” across the tabs. I have the same CSS define for the tables. Appreciate your ideas 🙂
Thanks,
Andy
Hi,
great, thanks for the confirmation.
For the “bold” problem: This might come from some HTML <strong> tags that somehow got inserted into your page, around the table Shortcode. Can you go to the “Edit” screen of your page, enable the “HTML Editor” (instead of the “Visual editor”), in the top right corner of the editor text field, and check if there’s something like <strong></strong> around the table Shortcodes? If yes, please remove that.
Regards,
Tobias
Hi,
great, thanks for the confirmation.
For the “bold” problem: This might come from some HTML <strong> tags that somehow got inserted into your page, around the table Shortcode. Can you go to the “Edit” screen of your page, enable the “HTML Editor” (instead of the “Visual editor”), in the top right corner of the editor text field, and check if there’s something like <strong></strong> around the table Shortcodes? If yes, please remove that.
Regards,
Tobias
Hey Tobias,
Greatly appreciated, every issues has been cleared up now. this thread can be closed now.
Hi Andy,
thank you for the feedback! Great to hear that all issues were fixed!
Best wishes,
Tobias