Gridster inside gridster

It’s possible to insert a <gridster> inside a <gridster-item> element?

Something like:

<gridster> <!-- outter --> <gridster-item> <!-- item from outter --> <gridster> <!-- inner --> <gridster-item> <!-- item from inner gridster --> </gridster-item> </gridster> </gridster-item> </gridster>

sry for the confusion :x

[rodrianderson]

It’s possible to insert a <gridster> inside a <gridster-item> element?

`widgets: Array<any> = [
     {
        x: 1, y: 0, w: 2, h: 2,
        dragAndDrop: false,
        resizable: true,
        title: 'Gridster in gridster',
		widgets2: 
		[
			{
				x: 0, y: 0,
				w: 2, h: 2,
				dragAndDrop: true,
				resizable: true,
				title: 'gridster item or gridster'
			},
			{
				x: 1, y: 0, w: 2, h: 2,
				dragAndDrop: true,
				resizable: true,
				title: 'gridster item or gridster'
			},
			{
				x: 1, y: 1, w: 2, h: 2,
				dragAndDrop: true,
				resizable: true,
				title: 'gridster item or gridster'
			}
		]
    }
];`

[delashum]

How do you actually use the gridster inside of another? I did what seemed intuitive but when dragging a prototype it adds a new item to both parent and child and throws a bunch of errors. Is there somewhere I can look to see an example of some sort of documentation of this?