I’m trying to create a table in which data can be displayed inside components.
For exemple https://ant.design/components/table#examples
One column displays data as tags, another decorates with links, a third displays an image, etc…
I’d love to be able to use custom components to render specific columns.
Is there any way to do this using the table component ?
The other option would be to use a custom component using flexbox positioning but you lose too many features (sorting, filtering, adaptive column width, …)
The ideal 100% composable workflow would be :
- data is coming from an API or state
- I would add a table component
- In the “columns” slot, i would be able to add “Column” (or “ColumnGroup”) components
- Those component would expose all the properties of the Ant datatable columns
- They would also expose a “render” slot that would help us add components like tags, buttons, etc… using data as a prop of this slot
Edit : That’s actually what you can do using the other table component from ant5
But I really can’t seem to make it do anything. No idea how to connect a column to data. the “column key” prop doesn’t do anything :s
You can test it here : Plasmic
Is there any documentation on how to use this component ?
Especially the “custom render” slot that would be super useful here !
