-
-
Notifications
You must be signed in to change notification settings - Fork 6.9k
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 Request] Allow the removal of the Group column from VDataTable #17863
Comments
<template #[`column.data-table-group`]></template> This worked for me to remove the |
Thanks for the workaround details. I have a partial workaround by filtering out the |
I am currently using a header to hide as much of the Group column as I can.
Additionally, I am using the |
Thanks a bunch for sharing this.
Can you possibly share how you managed to get the group to open by default? |
For anyone looking for a quick and dirty workaround, here's what I ended up with to completely remove the Group column using v3.4.2.
|
Another option to hide the column is to do:
@johnleider Please reopen, this is not really solved yet. |
Problem to solve
When setting the
group-by
prop, a Group column is automatically injected into the table headers and the rows within the expanded group.Although this may be useful, it also results in a mass of unoccupied row space within the expanded group. (Vuetify 3 Grouping Example)
This was not the case with Vuetify 2 where a Group column was not automatically injected. (Vuetify 2 Grouping Example)
Personally speaking, the Groups are visually clear to the user without having to add an extra Group column.
Proposed solution
Extend the
group-by
prop, or add another new prop that enables/disables the injection of the Group column.The text was updated successfully, but these errors were encountered: