glin / reactable

Interactive data tables for R
https://glin.github.io/reactable
Other
612 stars 79 forks source link

Does the table have a horizontal scroll bar when it's very wide? #337

Closed jmzhang1911 closed 6 months ago

jmzhang1911 commented 9 months ago

Hi,

Thank you so much for creating this amazing tool!

The issue I asked about is when the page size is very wide, it can display the complete information. However, when the page size narrows, the table's information cannot be fully displayed. Is there a horizontal scroll table function available? Please forgive my poor English, looking forward to your response. Thank you!

image image
data %>%  reactable(.,
            resizable = TRUE,
            defaultPageSize = 12,
            selection = "multiple",
            onClick = "select",
            bordered = TRUE,
            columns = list(
              ONTOLOGY = colDef(
                sticky = "left",
                minWidth = 110
              ),
              ID = colDef(
                sticky = "left",
                minWidth = 110
              ),
              Description = colDef(
                minWidth = 420
              ),
              GeneRatio = colDef(minWidth = 110),
              BgRatio = colDef(minWidth = 110),
              pvalue = colDef(minWidth = 90),
              p.adjust = colDef(minWidth = 90),
              qvalue = colDef(minWidth = 90),
              Count = colDef(minWidth = 90)

            )
            )
glin commented 9 months ago

Hi, there is horizontal scrolling when the table's too wide to fit on the page. I think macOS hides scrollbars by default, so try hovering over the table or try to horizontally scroll it to check. It should be there unless there's some odd issue with the RStudio Viewer.

This is what it looks like on Windows, and where the scrollbar should be:

reactable table with horizontal scrollbar

jmzhang1911 commented 6 months ago

Thank you for your response. After setting the "Show Scroll Bar" option to "Always" in the settings, the issue has been resolved. 🫠 Have a nice day!