title: Best options for an AngularJS Tree Grid
body: <p>For a while now, I've been looking for a Tree Grid that works nicely with AngularJS and haven't had a lot of luck.</p>
  
  <p>My requirements are:</p>
  
  <ol>
  <li>Easy to use</li>
  <li>Looks good</li>
  <li>Supports drag and drop</li>
  <li>Can handle large amount of data 10000+ (i.e pagination/lazy scroll of 10,000+ rows)</li>
  <li>Can show hierarchical data in a table (i.e columns/sorting)</li>
  <li>Free/Cheap</li>
  </ol>
  
  <p>Projects that come close:</p>
  
  <ul>
  <li><a href="http://docs.sencha.com/extjs/4.2.1/#!/example/build/KitchenSink/ext-theme-neptune/#tree-grid">Sencha Tree Grid</a>
  <ul>
  <li>Doesn't appear to play nicely with AngularJS</li>
  <li>Apparently a Buffered-Tree module can help handle 1000s or rows</li>
  </ul></li>
  <li><a href="https://github.com/JimLiu/angular-ui-tree">angular-ui-tree</a>
  <ul>
  <li>Close but doesn't support table functions like columns, out of the box</li>
  <li>Doesn't handle large data, but Michael Bromley's dirPaginate directive can fix this</li>
  </ul></li>
  <li><a href="https://github.com/khan4019/tree-grid-directive">tree-grid-directive</a>
  <ul>
  <li>Looks good (Fits with bootstrap)</li>
  <li>Has columns</li>
  <li>But doesn't easily allow for pagination/lazy loading</li>
  </ul></li>
  </ul>
  
  <p>Ok... so given that other people must have solved this before, my question is:</p>
  
  <p><strong>What is the best way to approach this?</strong></p>
  
  <p>Is there a project out there already that covers all the bases?
  Or perhaps there is a simple way to adapt one of these to be a lazily-loaded tree grid...</p>