scrollResize plugin affects dark theme on change
scrollResize plugin affects dark theme on change
Test case: https://oggun.bbros.cloud/debug/datatable
Hi everyone, I'm using "https://cdn.datatables.net/plug-ins/2.0.3/features/scrollResize/dataTables.scrollResize.js" on my datatables and everything works fine but once changed on dark theme and re rendered the component, the 'iframe' added by the plugin applies to my datatable a different background; during my tests I've noticed that removing 'iframe' from elements page , the background is correctly applied as dark theme is setting it but I know also that 'iframe' is essential for my resize datatable so can't remove it from the page. I can't understand why it does work only in light theme ('iframe' does not apply same style on light theme). If I exclude the scrollResize plugin, the issue does not occur. Any idea about how to resolve this?
steps for reproducing:
- if the opened page is setted on light theme, change to dark in the top right corner by clicking on the "sun" icon then F5 and you will see dark theme on the bage but datatable with light style.
This question has an accepted answers - jump to answer
Answers
issue has been resolved by applying a Bootstrap css class to the table container; post can be considered closed
Thanks for the update - good to hear you got it working.
Allan