I am fetching this information using axios
{
"qtp1459016715-18382027": {
"name": "qtp1459016715-18382027",
"status": "5",
"priority": 5,
"thread-id": 18382027,
"group": "main",
"daemon": false,
"stacktrace": ["org.apache.solr"],
// more data here...
},
}
This code is from the app.vue file where I intend to show a table
<EasyDataTable :headers="headers" :items="items">
<template #expand="items">
<div style="padding: 15px">
<h3>{{ items.name }}</h3>
</div>
</template>
</EasyDataTable>
data() {
return {
headers: [],
items: [],
};
},
async created() {
this.headers = [
{ text: "THREAD NAME", value: "name"},
{ text: "THREAD STATUS", value: "status"},
// more header fields here...
];
this.items = await axios.get(`http://localhost:3000/threads`);
}