The table on my home screen appears condensed when viewed with Internet Explorer 11. The tables on any of my other pages all appear fine. I've also tried a few different browsers and I've only had issues with IE11 with the table on my home page.
Thanks for your reply. I added that piece of code to the custom JS and CSS section but the table is still appearing condensed on the homepage http://golfbynumbers.co.uk/
We can see that you add that code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables. Can you remove it from there, clear browsers cache and check the table.
and this is the reason why your table have different layout because IE have some different settings from other browsers. This css rule is used because you probably use option Limit table width. We found some solution for this, but you have to add some code in plugin. Additional css that I suggest early you can remove form Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
The table on my home screen appears condensed when viewed with Internet Explorer 11. The tables on any of my other pages all appear fine. I've also tried a few different browsers and I've only had issues with IE11 with the table on my home page.
Any help is greatly appreciated.
Hi hurrell02,
Thank you for your purchase.
We notice that issue that cause your theme css.(attachment)
Our tables are working fine with IE11 you can check tables on our documentation website on this link
Just add this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
table.wpDataTable td, table.wpDataTable th{ line-height: normal !important; }Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables
Thanks for your reply. I added that piece of code to the custom JS and CSS section but the table is still appearing condensed on the homepage http://golfbynumbers.co.uk/
Any other suggestions?
Hello, is there someone still looking into this issue?
Hi hurrell02,
Sorry for late response.
We are located in Serbia and our working time is from 10:00 to 17:00 CET. business days.
We notice that you also have some additional css that you add for table.(attachment1)
When we remove that rule from browser table is shown right.(attachment2)
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables
I can't find that bit of CSS in the code to remove.
If I give you my login details, would you be able to fix it?
Hi hurrell02,
We can see that you add that code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables. Can you remove it from there, clear browsers cache and check the table.
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables
This is the piece of code that you told me to add in your first response below!
I've removed it and the table still appears the same??
Hi hurrell02,
Sorry for misunderstanding. When we test your site in IE11 we notice that table use css role
table.wpDataTable { table-layout: fixed !important; }
and this is the reason why your table have different layout because IE have some different settings from other browsers. This css rule is used because you probably use option Limit table width. We found some solution for this, but you have to add some code in plugin. Additional css that I suggest early you can remove form Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
Please try to find this file
../wp-content/plugins/wpdatatables/source/class.wpdatatable.php
and around line 2045 find this line:
$returnData .= $this->isFixedLayout() ? "table.wpDataTable { table-layout: fixed !important; }\n" : '';after that line add this line of code:
$returnData .= $this->isFixedLayout() ? " table.wpDataTable thead th { width: 100% !important;}\n" : '';Please check the attachment to see how it should look in the code.
Sorry for inconvenience,
Best regards.
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables
Thank you very much, that has fixed the issue with IE11 now. Much appreciated!!
Sorry, i've just realised that this fix has a knock on affect.....none of the column widths can be changed, which doesn't look great.
Is there a way to fix this?
Managed to fix it by deleting these 2 lines from the code.
$returnData .= $this->isFixedLayout() ? "table.wpDataTable { table-layout: fixed !important; }\n" : '';
$returnData .= $this->isFixedLayout() ? " table.wpDataTable thead th { width: 100% !important;}\n" : '';
Thanks again for your help!
Hi hurrell02,
You are welcome. I am glad that you found a solution.
If you have any more issues feel free to open a new ticket, we will gladly help.
We'd greatly appreciate it if you could take a minute and leave a review on CodeCanyon on this link. Thanks!
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables