TreeGrid Bootstrap 3 examples

Root node 1	Additional info
Node 1-1	Additional info
Node 1-2	Additional info
Node 1-2-1	Additional info
Root node 2	Additional info
Node 2-1	Additional info
Node 2-2	Additional info
Node 2-2-1	Additional info

Code

<link href="bootstrap-3.0.0/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="../css/jquery.treegrid.css">

<script type="text/javascript" src="../js/jquery.treegrid.js"></script>
<script type="text/javascript" src="../js/jquery.treegrid.bootstrap3.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.tree').treegrid();
    });
</script>

Bootstrap TreeGrid example
table-bordered table-striped table-condensed
custom expander

Root node 1	Additional info
Node 1-1	Additional info
Node 1-2	Additional info
Node 1-2-1	Additional info
Root node 2	Additional info
Node 2-1	Additional info
Node 2-2	Additional info
Node 2-2-1	Additional info

Code

<link href="bootstrap-3.0.0/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="../css/jquery.treegrid.css">

<script type="text/javascript" src="../js/jquery.treegrid.js"></script>
<script type="text/javascript" src="../js/jquery.treegrid.bootstrap3.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.tree').treegrid({
                    expanderExpandedClass: 'glyphicon glyphicon-minus',
                    expanderCollapsedClass: 'glyphicon glyphicon-plus'
                });
    });
</script>