<template>
    <div id="test" style="width: 100%; height: 100%;"></div>
</template>

<script>
    import {TreeGrid} from 'dhx-treegrid'
    import 'dhx-treegrid/codebase/treegrid.min.css'

    export default {
        name: "test",
        data() {
            return {

            }
        },
        mounted() {
            this.grid = new TreeGrid("test", {
                columns: [
                    { width: 100, id: "a", header: [{ text: "#" }] },
                    { width: 100, id: "b", header: [{ text: "Title" }] },
                    { width: 200, id: "c", header: [{ text: "Name" }] },
                    { width: 200, id: "d", header: [{ text: "Address" }] }
                ]
            })
        }
    }
</script>