Implementation of Child Rows

[mesos001]

Hi all,

The basic tables are working as follows.
https://stackblitz.com/edit/datatables-net-vue3-simple?file=src%2FApp.vue

However, how can "Child Rows" be implemented?
https://datatables.net/extensions/staterestore/examples/customisation/childRows.html

We can't use a Vue for in the template to display the HTML for the table body...

[AllanJard]

As in you want to display Vue components inside the child row? You'd need to create a root Vue element and pass it to the render function (apologies if I'm getting the Vue terminology wrong).

I need to look into exactly how to do that myself! I'm certain it is possible, I'm just not sure what the right incantation is.

[mesos001]

Hi AllanJard,

Thank you for the answer.

Using the render function solved the problem!
The code is messy, but I'll leave it below.

https://stackblitz.com/edit/child-rows?file=src%2FApp.vue