Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scroller extension incompatible with dark themes #1097

Open
D3SL opened this issue Nov 15, 2023 · 0 comments
Open

Scroller extension incompatible with dark themes #1097

D3SL opened this issue Nov 15, 2023 · 0 comments

Comments

@D3SL
Copy link

D3SL commented Nov 15, 2023

ordinarily the table is transparent and can work with themes, provided style = 'bootstrap' is included in DT::datatable(). Per this topic at datatables the scroller extension itself sets a white background due to scroller using a diagonal striped background to show unloaded regions while the user scrolls.

Since this is upstream in DT itself I think all that should be done here is update the documentation to note the incompatibility.

It's also possible to override some of the CSS that the scroller extension adds using the below snippet just above DTOutput(), but I don't know what other issues this will cause:

          tags$style(HTML('div.dts div.dataTables_scrollBody table {background-color:transparent}')),
          tags$style(HTML('div.DTS tbody tr {background-color:transparent}')),
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant