[Feature Request] ability to modify VDataTable cell's properties without using `item` slot

[cluidold]

Problem to solve

When i create a datatable, i pass a headers and a item array to it.
If i want to add a style to a specific column (eg. color, font-size, alignment, disable sorting...) i have to use the template "...". If i add a style in e extra

the style works, but the elements in the resulting table were nested like following.

< td>
< div style:"color=red">Text< /div>
< /td>

instead of

< td style:"color=red">
Text
< /td>

Proposed solution

Add a property for passing the styles directly via the slot to prevent nesting of resulting elements.

[rklfss]

IMO the headers config object needs a 'itemClass: string | string[]' config or just pass the current "class" config to the td elements and not just the headers. Also adding an additional class using the "value" option makes sense, i.e. th.header-[value] and td.item-[value]. So it would be easy to style the cells for a specific column. Currently it is uncomfortable because you either have to override the complete item slot to customize or use something like td:nth-child(2) to get cell elements.

[MoritzMix]

+1 for this feature.
In my case i simply want to print a table and hide cells that contain control elements.
For now i have to do css workarounds as mentioned,

[varadekd]

Any update on this?? Also can someone tell me to specify table row width using percentage

[ktiedt]

Any update on this?? Also can someone tell me to specify table row width using percentage

A row is as wide as the table.... do you mean columns? Those are controlled by percentage or pixel width using the header array and the width property. As described in the docs

[stevelacey]

BootstrapVue does a great job with this, it'd be great to have it work similar here

[nekosaur]

@stevelacey In BootstrapVue, is this _cellVariants you're talking about?