scrollResize plugin affects dark theme on change

scrollResize plugin affects dark theme on change

cataradoi88cataradoi88 Posts: 2Questions: 1Answers: 1
edited May 22 in Free community support

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

  • cataradoi88cataradoi88 Posts: 2Questions: 1Answers: 1
    Answer ✓

    issue has been resolved by applying a Bootstrap css class to the table container; post can be considered closed

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin

    Thanks for the update - good to hear you got it working.

    Allan

Sign In or Register to comment.