How to make a table component in VUE?

Question

Vue.js

It is necessary to make a table component so that it can be passed not only an array or an object with string data, but in each cell a different markup consisting of other components, for example.
I can't think of a way to do this right now.

Answer 1

Use slots separate for each row cell. The slot name contains the name of the corresponding table column; default content - the value is displayed as is; takes an object with string data as a parameter. For example .