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

UTable select column pushing other columns to right when only few columns selected #2222

Closed
theunsa opened this issue Sep 19, 2024 · 1 comment · Fixed by #2549
Closed

UTable select column pushing other columns to right when only few columns selected #2222

theunsa opened this issue Sep 19, 2024 · 1 comment · Fixed by #2549
Assignees
Labels
question Further information is requested

Comments

@theunsa
Copy link

theunsa commented Sep 19, 2024

Description

Problem statement
When only a few columns are displayed on the UTable, it seems to push the other columns to the right.

table-select-gap

Use case
Besides allowing users to pick display columns using a selector, we have use cases where tables are used to display lists of data and sometimes those tables only have 2-3 columns. On high-resolution screens those columns are then weirdly pushed to the right.

What I've tried
I've tried adjusting the ui.checkbox.padding, but it is obviously more than padding that is required. It would be great if there was some max-width property for the select-column.

Also considered using a column:class but looking at the code it is clear that Checkbox is not part of the normal column slots, so it would require some other setting.

I'll be happy if a simple workaround exists, so please share if there is a quick solution to constrain this select-column width.

@theunsa theunsa added the question Further information is requested label Sep 19, 2024
@theunsa
Copy link
Author

theunsa commented Oct 25, 2024

Still stuck with this ... anyone with a workaround?

Or should I just live with this until nuxt-ui-v3 is stable and hopefully resolves it?

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

Successfully merging a pull request may close this issue.

2 participants