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);
}
);