Data tables component to consume external data - JSON format?

[Kugeleis]

I try to use the v-data-table constructor. The examples all are with local data. But how can I display external data (e. g. JSON data obtained via fetch?

[nekosaur]

This example https://vuetifyjs.com/en/components/data-tables/#server-side-paginate-and-sort shows how you can work with server data

[Kugeleis]

Thanks. So I still have to build the header structure myself deviding the data delivered if it contains the whole table information?

[nekosaur]

You need to provide headers prop yes. I'm not exactly sure what you mean by dividing the data. Perhaps an example JSON response could help illustrate your question.

[Kugeleis]

I actually get data from a python pandas dataframe export. It has many options but none fits as plug'n play to this vuetify implementation.
A JSON can come like this: {"columns":["A","B","C"],"index":[0,1,2],"data":[[25,59,28],[61,28,91],[8,70,47]]} or even a ready made HTML table:

	A	B	C
0	25	59	28
1	61	28	91
2	8	70	47

I attached all options: [tabledata.zip](https://github.com/vuetifyjs/vuetify/files/5936967/tabledata.zip)

[nekosaur]

You could do something like this for example https://codepen.io/nekosaur/pen/PobNGrJ?editors=1010

[Kugeleis]

This looks great and is dynamic. Thanks a lot!