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

Feature: Drag columns and rows #305

Open
dg-ac opened this issue Feb 23, 2025 · 2 comments
Open

Feature: Drag columns and rows #305

dg-ac opened this issue Feb 23, 2025 · 2 comments

Comments

@dg-ac
Copy link
Contributor

dg-ac commented Feb 23, 2025

We can already select full columns and rows, so ideally the next step should be to also allow reordering columns and rows by dragging them.

Right now, when only a cell is selected, column and row header should use a grey-200 background.

Image

When the full column and row header is selected, the background should use a grey-400.

Image

When full columns/rows are selected, hovering over these headers should change the cursor to cursor: grab.

Image

User should be able to drag columns right and left, and rows up and down.
While dragging, we’ll show:


  • a 2px grey-400 divider in the same spot where the dragged column will land
  • an overlay with the same width as the column we want to move. Should use a grey-400 background with 28% opacity
Image
@nhatcher
Copy link
Member

nhatcher commented Mar 2, 2025

This is a good idea, perhaps a first step will be to have ("Move to right/left" in the context menu).

I have a question though, how often people would use something like this?

@dg-ac
Copy link
Contributor Author

dg-ac commented Mar 3, 2025

Hard to answer that. It's something that I use but doesn't need to be necessarily common. In any case, we can give it a low priority and focus on other features for now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

No branches or pull requests

2 participants