Flexgrid

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.grapecity.com/wijmo/5.latest/styles/wijmo.min.css">
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.grid.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.chart.min.js"></script>
<div class="container">
    <div id="theGrid" class="custom-flex-grid"></div>
</div>

CSS

body {
    margin-bottom: 24pt;
}

.wj-flexgrid {
    margin: 12px;
}

.red-text {
    color: red !important;
}

JavaScript

onload = function() {

    data = [{
            name: '\u266B Adriane Simione',
            items: [{
                name: '\u266A Intelligible Sky',
                items: [{
                        name: 'Theories',
                        length: '2:02'
                    },
                    {
                        name: 'Giant Eyes',
                        length: '3:29'
                    },
                    {
                        name: 'Jovian Moons',
                        length: '1:02'
                    },
                    {
                        name: 'Open Minds',
                        length: '2:41'
                    },
                    {
                        name: 'Spacetronic Eyes',
                        length: '3:41'
                    }
                ]
            }]
        },
        {
            name: '\u266B Amy Winehouse',
            items: [{
                    name: '\u266A Back to Black',
                    items: [{
                            name: 'Addicted',
                            length: '1:34'
                        },
                        {
                            name: 'He Can Only Hold Her',
                            length: '2:22'
                        },
                        {
                            name: 'Some Unholy War',
                            length: '2:21'
                        },
                        {
                            name: 'Wake Up Alone',
                            length: '3:43'
                        },
                        {
                            name: 'Tears Dry On Their Own',
                            length: '1:25'
                        }
                    ]
                },
                {
                    name: '\u266A Live in Paradiso',
                    items: [{
                            name: "You Know That I'm No Good",
                            length: '2:32'
                        },
  ...