resizing of grid when resizing browser window

Question

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.

biofractal · Answer 1 · 2013-06-11T07:31:39.290

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()

edited Jun 11 '13 at 07:31

answered Feb 27 '13 at 10:40

biofractal

18,963
12
70
116

score 5 · Answer 2 · answered Sep 06 '12 at 10:24

5

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

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

answered Sep 06 '12 at 10:24

sivann

2,083
4
29
44

score 1 · Answer 3 · answered Jul 26 '16 at 20:58

1

This seems to work just fine:

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

answered Jul 26 '16 at 20:58

Unicco

2,466
1
26
30

score 1 · Accepted Answer · answered Feb 01 '12 at 18:34

1

did this way :

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

Thanks to jQuery and its height() function

answered Feb 01 '12 at 18:34

Iurii Dziuban

1,091
2
17
31

this may cause content not updating when scrolling in bottom limit. – sivann Sep 06 '12 at 10:23
4

-1: Use the API. Don't just change the size of one element. There may be unknown consequences. – Gabriel McAdams Jun 10 '13 at 21:43

resizing of grid when resizing browser window

4 Answers4

Linked