title: Foundation and AngularJS
body: <p>I am modifying an application using Zurb's Foundation framework for responsiveness and AngularJS. There is a bug where data displayed in a table with <code>&lt;tr ng-repeat="obj in entries"&gt;...&lt;/tr&gt;</code> has <code>&lt;td&gt;</code>'s which are hidden/shown based on Foundation's responsive rules. Unfortunately, when the angular model is updated, Foundation doesn't re-flow the newly rendered DOM.</p>
  
  <p>I have tried using
  <code>$(document).foundation('table')</code> as I found in extensive google searching, but this didn't actually trigger a reflow of the responsive collapsed table. I also added a directive to trigger a simple <code>$(window).trigger('resize')</code> which works for the first call, but any subsequent calls do not.</p>
  
  <p>Anybody else run into this?</p>