Custom table header / table items content?

[divStar]

Custom table header / table items content?

[illright]

Hey, thanks for the kind words.

There is a way to add a component to the table, actually. Look into the named slots on the table. They receive slot props to help you identify the cell, and you can render whichever content you see fit

[divStar]

I somehow couldn't make it. What I wanted to do is e.g. have a table with the first row containing week day names and the first column contain the actual week number and then the contents be something like the day from the date (e.g. 31 from the 31st of January) and then a custom element displaying additional information beneath it.

Sadly it seemed neigh impossible to provide the data and rows in a manner, that would end up displaying the data as I wanted it, so I ended up creating the table (grid) myself using some of the variables and styles from this UI framework:

It'd still be much nicer if I could've reused the Table component of the framework (I do not really care that much about the styling being 100% the same as in the screenshot, I just wish there was a way to display that bar + text there). However: I was not able to use the information headers and cells information provided by the Table docs.

[illright]

I didn't exactly understand what prevented you from accomplishing your goal. Would you like to elaborate on why your implementation didn't work out with the Table component as it is and what can we do to remedy it?