TreeGrid

//<code-header>
fiddle.title = 'Tree grid';
//</code-header>
targetElement.innerHTML = '<p>A basic TreeGrid with minimal configuration:</p>';

const tree = new TreeGrid({
    appendTo : targetElement,

    height : 400,

    data : [
        {
            id       : 1,
            name     : 'ABBA',
            iconCls  : 'b-icon fa-users',
            born     : null,
            expanded : true,
            children : [
                { id : 11, name : 'Anni-Frid', born : 1945, iconCls : 'b-icon fa-user' },
                { id : 12, name : 'Bjorn', born : 1945, iconCls : 'b-icon fa-user' },
                { id : 13, name : 'Benny', born : 1946, iconCls : 'b-icon fa-user' },
                { id : 14, name : 'Agnetha', born : 1950, iconCls : 'b-icon fa-user' }
            ]
        },
        {
            id       : 2,
            name     : 'Roxette',
            iconCls  : 'b-icon fa-users',
            born     : null,
            children : [
                { id : 21, name : 'Per', born : 1959, iconCls : 'b-icon fa-user' },
                { id : 22, name : 'Marie', born : 1958, iconCls : 'b-icon fa-user' }
            ]
        }
    ],

    columns : [
        { type : 'tree', field : 'name', text : 'Name', flex : 1 },
        { type : 'number', field : 'born', text : 'Born', flex : 1, format : null  }
    ]
});