Multiple ui-grids within multiple tabs or divs, which are hidden, not displaying properly

Multiple UI-grids not displaying properly when inside of a tabs or a divs which are hidden.

How to recreate issue:

1. 3 tabs: A, B, and C
2. place 1 grid (with unique data and ids) in B and C each
3. let the page load with grid A showing
4. When I click tab B, B's grid appears fine, however, clicking tab C, C's grid does not display
5. Each individual tab's grid displays when I resize the page however.
6. Navigating to another tabs, its grid is not displayed until you resize this page

Related to: https://github.com/angular-ui/ui-grid/issues/50 https://github.com/angular-ui/ui-grid/issues/581 https://github.com/angular-ui/ui-grid/pull/991