title: How do you animate table rows using ng-animate in the same way as one would list items?
body: <p>It's quite simple to smoothly animate lists using angular's ng-animate, but tables seem to be another story.</p>
  
  <p><a href="http://plnkr.co/edit/CrH9kxTqIUmTUsmnzohI?p=preview" rel="noreferrer">Plunker list</a></p>
  
  <p><a href="http://plnkr.co/edit/bkxmHqn8YCzj85mzICCH?p=preview" rel="noreferrer">Plunker table</a></p>
  
  <p>The table move animations don't work, the items just snap into place, I suppose some other CSS/JS is required for the table, but I'm not sure what would work, I tried a lot of things with no success.</p>
  
  <p>I'm sure it's possible, for example there's this <a href="http://plnkr.co/edit/Lke2o7cX5Rjto8M883wa?p=preview" rel="noreferrer">jQuery table animation</a></p>
  
  <p>But how does this translate to angular animate? Do I have to delve into some JS/jQuery DOM manipulation through a directive or is there another way?</p>
  
  <p>Either way, I'd like to see an elegant way to do this in angular.</p>