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

Sticky table header and columns (action checkbox column and first field column). #190

Open
fabiocaccamo opened this issue Oct 25, 2022 · 5 comments
Assignees
Labels
enhancement New feature or request

Comments

@fabiocaccamo
Copy link
Owner

fabiocaccamo commented Oct 25, 2022

It would be very useful having the possibility to set sticky table columns in the changelist (action checkbox column if actions are enabled + list_display_links columns), and also in the tabular inlines table.

This feature would improve tables UX, especially when there is horizontal scroll.

NOTE: should test also with RTL languages.

Fund with Polar
@fabiocaccamo fabiocaccamo added the enhancement New feature or request label Oct 25, 2022
@fabiocaccamo fabiocaccamo self-assigned this Oct 25, 2022
@merwok
Copy link
Contributor

merwok commented Oct 25, 2022

I haven’t seen horizontal scroll 😮
I’ve had to limit size of data in some column to avoid the entry taking two lines.

@fabiocaccamo
Copy link
Owner Author

Horinzontal scroll starts when you have many columns in a changelist.

Setting word-wrap: nowrap to each cell could be another improvement to avoid content on multiple lines.

@Matthias64
Copy link

Hello ! It would be nice to also have the possibility to keep the headers frozen when scrolling down. I don't know if that should be in a separate enhancement proposal. Thanks !

@fabiocaccamo
Copy link
Owner Author

@Matthias64 cool suggestion! It's ok having just this issue, I update the title.

@fabiocaccamo fabiocaccamo changed the title Sticky table columns. Sticky table header and columns (action checkbox column and first field column). Nov 8, 2022
@fabiocaccamo
Copy link
Owner Author

fabiocaccamo commented Nov 21, 2022

UPDATE: it seems impossible to achieve this while keeping the horizontal scroll working on the change-list table, because position: sticky; doesn't work if any parent element has overflow set:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
Status: Todo
Development

No branches or pull requests

3 participants