QHierarchy is a Quasar App Extension. It allows you to display data in hierarchy structure on your page.
To add this App Extension to your Quasar application, run the following (in your Quasar app folder):
quasar ext add qhierarchyTo remove this App Extension from your Quasar application, run the following (in your Quasar app folder):
quasar ext remove qhierarchy
[
{
name: 'label',
label: 'Label',
align: 'left',
field: 'label',
// (optional) tell QHierarchy you want this column sortable
sortable: true
},
{
name: 'Description',
label: 'Description',
sortable: true,
field: 'description',
align: 'center',
},
{
name: 'note',
label: 'Note',
sortable: true,
field: 'note',
align: 'left',
}
],
[
{
label: "Node 1",
description: "Node 1 description",
note: "Node 1 note",
children: [
{
label: "Node 1.1",
description: "Node 1.1 description",
note: "Node 1.1 note",
},
{
label: "Node 1.2",
description: "Node 1.2 description",
note: "Node 1.2 note",
children: [
{
label: "Node 1.2.1",
description: "Node 1.2.1 description",
note: "Node 1.2.1 note",
},
{
label: "Node 1.2.2",
description: "Node 1.2.2 description",
note: "Node 1.2.2 note",
}
],
}
],
}
]
can be found here.
can be found here.
can be found here.
If this helped you in any way, you can contribute to this project for long term survival by supporting me:
Be sure to check out my sponsor page.
(GitHub currently doubles your support! So if you support me with $10/mo, I will get $20 instead! They're alchemists 😉)
Thank you so much!!!
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent