BFjamsec
11/21/2017 - 1:32 PM

Solution to: ui-grid not rendering

1. Add "ui.grid.autoResize" to module dependencies, like so:
var app = angular.module('dashboardApp', ['ui.grid', 'ui.grid.autoResize', 'ui.grid.pagination'])

2. Add  "ui-grid-auto-resize" in to html grid element, like so:
<div class="ui-grid" ui-grid="gridOptionsMfn" ui-grid-auto-resize></div>

3. Eventually trigger window resize on tab change,  like so:
// window shaker
function shakeWindow() {
  $(window).trigger('resize');
};

$("ul.nav > li").click(
    () => {
        setTimeout(() => { shakeWindow() }, 250);
    }
);