title: Nested/Tree View using HTML table in Angular.js
body: <p><strong>View Tree Collapse and Expand Mode :</strong>
  <img src="https://i.stack.imgur.com/awW8v.png" alt="Tree View Collapse and Expand Mode"></p>
  
  <p>The markup used is HTML table.</p>
  
  <p>Using ng-repeat is getting tricky.</p>
  
  <p>The data for each row is as below</p>
  
  <pre><code>{  
      "id": 1,
      "name": "Groceries",
      "price": "0",
      "total": "20",
      "parentFlag": "true",
      "parentId": "",
      childItems: [{},{}]
  }
  </code></pre>
  
  <p>Using <code>ul</code> and <code>li</code> tags, we can achieve this using ng-include.</p>
  
  <p>But existing app markup uses table. I am starting to think changing the markup to use <code>ul</code>,<code>li</code> and <code>div</code> is the "only" way to go. Am I missing something here? Any pointers/approaches?</p>