javascript - resizing of grid when resizing browser window - Stack Overflow

admin管理员组

文章数量:1205755

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.

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.

• javascript
• slickgrid

Share Improve this question Follow edited Feb 1, 2012 at 9:01 Iurii Dziuban asked Jan 31, 2012 at 17:49 Iurii DziubanIurii Dziuban 1,09122 gold badges1818 silver badges3131 bronze badges

Add a comment  | 

4 Answers 4

Sorted by: Reset to default 12

This works fine for me. Maybe the resizeCanvas() function is a new feature in slick grid.

The code is CoffeeScript.

$(window).resize -> grid.resizeCanvas()

This works better than just changing .slick-viewport height.

$(window).resize(function(){
    var h=$(window).height();
    $('#myGrid').css({'height':(h-65)+'px'});
    grid.resizeCanvas();
});

did this way :

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

Thanks to jQuery and its height() function

This seems to work just fine:

$( window ).resize( function() {
    grid.resizeCanvas();
});

本文标签： javascriptresizing of grid when resizing browser windowStack Overflow