Multi Tree Table

Column AColumn BColumn CColumn D
Node01cinfo
Node01.01cinfo
Node01.01.02cinfo
Node01.01.03cinfo
Node01.01.04cinfo
Node01.02cinfo
Node01.02.01cinfo
Node02cinfo
            <table class="table" id="table1">
    <thead>
    <tr>
        <th></th><th>Column A</th><th>Column B</th><th>Column C</th><th>Column D</th>
    </tr>
    </thead>
    <tbody>
    <tr data-node="treetable-01" data-pnode="">
        <td><input type="checkbox" name="row.id"/></td>
        <td>Node</td><td>01</td><td>c</td><td>info</td>
    </tr>
    <tr data-node="treetable-01.01" data-pnode="treetable-parent-01">
        <td><input type="checkbox" name="row.id"/></td>
        <td>Node</td><td>01.01</td><td>c</td><td>info</td>
    </tr>
    <tr data-node="treetable-01.01.02" data-pnode="treetable-parent-01.01">
        <td><input type="checkbox" name="row.id"/></td>
        <td>Node</td><td>01.01.02</td><td>c</td><td>info</td>
    </tr>
    <tr data-node="treetable-01.01.03" data-pnode="treetable-parent-01.01">
        <td><input type="checkbox" name="row.id"/></td>
        <td>Node</td><td>01.01.03</td><td>c</td><td>info</td>
    </tr>
    <tr data-node="treetable-01.01.04" data-pnode="treetable-parent-01.01">
        <td><input type="checkbox" name="row.id"/></td>
        <td>Node</td><td>01.01.04</td><td>c</td><td>info</td>
    </tr>
    <tr data-node="treetable-01.02" data-pnode="treetable-parent-01">
        <td><input type="checkbox" name="row.id"/></td>
        <td>Node</td><td>01.02</td><td>c</td><td>info</td>
    </tr>
    <tr data-node="treetable-01.02.01" data-pnode="treetable-parent-01.02">
        <td><input type="checkbox" name="row.id"/></td>
        <td>Node</td><td>01.02.01</td><td>c</td><td>info</td>
    </tr>
    <tr data-node="treetable-02">
        <td><input type="checkbox" name="row.id"/></td>
        <td>Node</td><td>02</td><td>c</td><td>info</td>
    </tr>
    </tbody>
</table>

<script>
    $(function() {
        $("#table1").treeFy({
            treeColumn: 1
        });
    });
</script>