Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

zerberos's avatar

Laravel Nova: Nested templates not working in custom card vue file?

Hi,

In a Nova custom cards .vue file I tried to nest tags like this:

template> .... template> ... /template> .... /template>

But it seems the inner template tag is not getting executed at all - it is just ignored.

I have a component that uses this setup but it seems not usable in Nova.

Can anyone help me with this?

Thanks!

0 likes
2 replies
devingray_'s avatar

Can you post the component as well as the code to register it

zerberos's avatar

Hi,

The component is the Datagrid from Devexpress.

I created this sample of master/detail Datagrid in a custom card:

https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/MasterDetailView/Vue/Light/

(all the VUE code can be found here - for npm installation of devexpress see here https://js.devexpress.com/Documentation/Guide/Vue_Components/Add_DevExtreme_to_a_Vue_Application/ )

The master part of the grid works without any problems, the grid shows with the data.

But the details part (which is loaded inside the nested template part) is not showing up at all - the panel below the row clicked shows but is empty.

When calling the details .vue directly it works also.

Any idea?

Thanks!

Please or to participate in this conversation.