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

Selection box positioning with grouping #71

Closed
ajirnyi opened this issue Aug 21, 2020 · 3 comments
Closed

Selection box positioning with grouping #71

ajirnyi opened this issue Aug 21, 2020 · 3 comments

Comments

@ajirnyi
Copy link

ajirnyi commented Aug 21, 2020

When both grouping and selection is present, is it possible to control where the selection boxes are (for example, place them in the leftmost column)?

@gofford
Copy link

gofford commented Aug 21, 2020

Was intending to ask the same question.

When you have two sticky columns for the selection and grouping, the selection box first moves across the grouping column when scrolling horizontally (i.e., selection column goes from being on the right hand side of the grouping, to the left, by passing in front of the grouping column), with both columns then scroll together (with the selection box on the left and the grouping column on the right).

Would be mitigated if it were possible to force the selection box to the left-hand side, so keen see if this is possible

@glin
Copy link
Owner

glin commented Aug 29, 2020

This isn't possible today, but it's a great suggestion. I'll be reworking how selection and grouping work underneath in the next few months, and will look into making this happen.

@glin
Copy link
Owner

glin commented Jan 10, 2021

The selection column is now the first column in the table in the development version (d9ac371). It should be placed before the groupBy columns and the row details columns. Here's a comparison of before vs. after:

reactable(
  MASS::Cars93[, 1:4],
  selection = "multiple",
  groupBy = "Manufacturer",
  details = function(i) paste("Details for row", i),
  defaultPageSize = 5,
  bordered = TRUE
)

Before:
old reactable version

After:
new reactable version

The row details column could be moved before the groupBy columns as well, so I might do that later.

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

3 participants