[Feature Request] add slots for colgroup and col in v-data-table

[Rob89]

Problem to solve

Allow use of <colgroup> and <col> within a Vuetify table. These elements can be invaluable when styling tables - e.g. adding dividers between groups of columns.

Proposed solution

One option would be to pass the colgroup definitions as props, like this.

[nekosaur]

We will be utilizing colgroups for internal functionality in the coming data-table rewrite. But perhaps we should expose a slot where you can override them.

[Rob89]

A slot would do the job too. I was reluctant to suggest that as colgroup needs to be a direct child of the table so the slot felt like quite a big 'hole' in the template.

[sugoidesune]

I would like to be able to set width: fit-content on some of the cols in colgroup

• Slots would work.
• dedicated class names on the cols in the colgroup would work too.
• setting through headers prop would also work.

[mutualcredence]

setting through headers prop would also work.

Setting the width property in header does not work when the default header is hidden using hide-default-header attribute.
Vuetify has to allow other way to customize column style.