resizing of grid when resizing browser window

javascript, slickgrid

Solution

did this way :

$(window).resize(function () {
    $("#grid").height($("<container for grid>").height());
$(".slick-viewport").height($("#grid").height());
});

Thanks to jQuery and its height() function

Problem

I used a fill whole window example as a default. Tried to resize browser window: but area, that is used for grid is the same. Need to reload page so that it fits. How can I archive this without reloading page ? Edited Interesting fact that when I change order of columns grid is resized.

Original source