causeway-standard-theme

<div class="container page shell-left-navigation"> <div class="navigation-pane-left"> <div class="navigation-content-wrapper"> <div class="navigation-header"> <h2>Tree View</h2> </div> <div class="navigation-content"> <div class="tree-view"> <ul> <li><a href="#">Goes somewhere</a></li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="active"> <a href="#">Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere </a> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li> <a href="#">Goes somewhere</a> </li> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> </ul> </li> <li class="parent_li"> <a href="">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="divider divider-navigation"></div> <div class="navigation-pane-right"> <div class="pane"> <a id="treegrid"></a> <header class="content-header"> <h1 class="title">Tree Grid</h1> </header> <div class="table-wrapper"> <div class="table-toolbar"> <a class="btn btn-text" href="">Cancel</a> <a class="btn btn-text" href="">Edit</a> <a class="btn btn-text" href="">Delete</a> <a class="btn btn-text" href="">Print</a> </div> <div class="table-content table-tree-grid fixed-header"> <table class="table table-striped table-handles tree-grid"> <thead> <tr> <th class="handle"></th> <th>Role</th> <th>Name</th> <th>Email</th> <th>No. of Units</th> </tr> </thead> <tbody> <tr class="treegrid-1"> <td class="handle"></td> <td>Role Set</td> <td></td> <td></td> <td></td> </tr> <tr class="treegrid-2"> <td class="handle"></td> <td>Role Set 1</td> <td></td> <td></td> <td></td> </tr> <tr class="treegrid-3 treegrid-parent-2"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-4 treegrid-parent-2"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-5 treegrid-parent-2"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid6 treegrid-parent-2"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-7"> <td class="handle"></td> <td>Role Set 2</td> <td></td> <td></td> <td></td> </tr> <tr class="treegrid-8 treegrid-parent-7"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-9 treegrid-parent-7"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-10 treegrid-parent-7"> <td class="handle"></td> <td>Role Set 3</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-11 treegrid-parent-10"> <td class="handle"></td> <td>AA Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-12 treegrid-parent-10"> <td class="handle"></td> <td>Role Set 4</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-13 treegrid-parent-12"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-14 treegrid-parent-12"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-15 treegrid-parent-12"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-16 treegrid-parent-12"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-17 treegrid-parent-12"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-18 treegrid-parent-12"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-19 treegrid-parent-12"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-20 treegrid-parent-12"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-21 treegrid-parent-12"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-22 treegrid-parent-12"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-23 treegrid-parent-7"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> <tr class="treegrid-24 treegrid-parent-23"> <td class="handle"></td> <td>A Architect</td> <td>Marc Warmick</td> <td>Marc.Warmick@causeway.com</td> <td>42</td> </tr> </tbody> </table> </div> <div class="table-footer"> <div class="col-md-9"></div> <div class="col-md-3"></div> </div> </div> </div> </div> </div>