You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

quasar-app-extension-qhierarchy

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

quasar-app-extension-qhierarchy

A Quasar App Extension

1.0.15
latest
Source
npmnpm
Version published
Weekly downloads
275
-30.03%
Maintainers
1
Weekly downloads
 
Created
Source

QHierarchy

npm npm

QHierarchy is a Quasar App Extension. It allows you to display data in hierarchy structure on your page.

Install

To add this App Extension to your Quasar application, run the following (in your Quasar app folder):

quasar ext add qhierarchy

Uninstall

To remove this App Extension from your Quasar application, run the following (in your Quasar app folder):

quasar ext remove qhierarchy

Defining the columns

[
    {
        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',
    }
],

 

Defining Data

 [
        {
            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",
                        }
                    ],
                }
            ],
    }
 ]

Source

can be found here.

Docs

can be found here.

Demo (source) Project.

can be found here.

Sponsors

Support

If this helped you in any way, you can contribute to this project for long term survival by supporting me:

💜 Support my open-source work on GitHub

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!!!

Keywords

quasar

FAQs

Package last updated on 21 May 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts