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