Scroller extension incompatible with dark themes
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 42/100
- Issue type
- Documentation
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- javascript, r
- Domain
- documentation
Research direction
Review the documentation for DT::datatable(), especially the scroller extension, Bootstrap styling, and DTOutput() usage. Confirm how scroller's unloaded-region background interacts with dark themes, then document the incompatibility and any supported workaround; no specific documentation file or test is named in the issue.
Written by the indexing model from the issue text.
Description
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}')),
- Dominant language
- JavaScript
- Stars
- 621
- Forks
- 177
- PR merge metrics
- No merged PRs in 30d
Getting set up
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from rstudio/DT
-
Unecessary "Datatables warning" alert when creating a DT with new data and same number of columnsOpen
Difficulty 4/5 3-5 days Newbie friendliness 35/100
-
Difficulty 3/5 1-2 days Newbie friendliness 45/100
-
Difficulty 3/5 1-2 days Newbie friendliness 35/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 35/100
-
Excel like filteringOpen
Difficulty 5/5 Over a week Newbie friendliness 25/100
Similar issues
-
check:passed feeds:add
Difficulty 1/5 Under an hour Newbie friendliness 66/100
-
Wallet functions throws TypeError when the wallet has no account IDPossibly taken @Medhansh-741 claimed this today. Openbug
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
hiero-ledger/hiero-sdk-js#4781 · 1 comment ·
Maintainers usually reply within 1 day
-
bug package:workers-shared
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
cloudflare/workers-sdk#16924 · 1 comment ·
Maintainers usually reply within 1 day
-
dashboard
Difficulty 2/5 Half a day Newbie friendliness 78/100
damodharg6/payledger#9 ·
-
parse: child keys like `007`, `1e3`, `0x1f`, `-1` make the parent an empty array and hide the valueOpen
Difficulty 2/5 1-3 hours Newbie friendliness 78/100