title: Customize tree-grid-directive template
body: <p>Please I need help, 
  I'm using this tree-grid-directive <a href="https://github.com/khan4019/tree-grid-directive" rel="nofollow">https://github.com/khan4019/tree-grid-directive</a>, and I want to cutomize the template but I don't know where to do so.
  Once I added <code>template-url="pathtotemplate"</code> to <code>&lt;tree-grid&gt;&lt;/tree-grid&gt;</code> the tree-grid disappeared:
  html file : </p>
  
  <pre><code>&lt;tree-grid tree-data="tree_data" tree-control="my_tree" col-defs="col_defs" 
              expand-on="expanding_property" on-select="my_tree_handler(branch)" on-click="my_tree_handler_s(branch)" 
               expand-level="2" template-url="temp/tree-grid-template.html"
    icon-leaf= "glyphicon glyphicon-globe"&gt;&lt;/tree-grid&gt;
  </code></pre>
  
  <p>template htmlfile (i haven't changed anything):</p>
  
  <pre><code>&lt;script type="text/ng-template" id="tree-grid-template.html"&gt;
      &lt;div&gt;
          &lt;table class="table table-bordered table-striped tree-grid"&gt;
              &lt;thead class="text-primary"&gt;
                  &lt;tr&gt;
                      &lt;th&gt;{{expandOn}}&lt;/th&gt;
                      &lt;th ng-repeat="col in colDefs"&gt;{{col.displayName || col.field}}&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr ng-repeat="row in tree_rows | filter:{visible:true} track by row.branch.uid" 
  ng-class="'level-' + {{ row.level }} + (row.branch.selected ? ' active':'')" 
  class="tree-grid-row"&gt;
                      &lt;td class="text-primary"&gt;&lt;a ng-click="user_clicks_branch(row.branch)"&gt;
  &lt;i ng-class="row.tree_icon" ng-click="row.branch.expanded = !row.branch.expanded" 
  class="indented tree-icon"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;span class="indented tree-label"&gt;{{row.branch[expandOn]}}&lt;/span&gt;&lt;/td&gt;
                      &lt;td ng-repeat="col in colDefs"&gt;{{row.branch[col.field]}}&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>I've also tried (<strong>in tree-grid-directive.js file</strong>) to change every url to the one with my template but nothing change, it just shows me the tree-grid with no changes.</p>
  
  <p>Thank you. Best regards.</p>