cambio de tamaño de la cuadrícula al cambiar el tamaño de la ventana del navegador

Question

He usado un ejemplo fill whole window como valor predeterminado. Ha intentado cambiar el tamaño de la ventana del navegador: pero el área que se utiliza para la cuadrícula es la misma. Necesita volver a cargar la página para que quepa. ¿Cómo puedo archivar esto sin recargar página?

Editado

hecho interesante que cuando cambio el orden de las columnas de cuadrícula se cambia de tamaño.

Answer 1

hicieron de esta manera:

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

Gracias a su función de altura()

Answer 2

Esto funciona mejor que simplemente cambiando la altura .slick-ventana y jQuery.

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

Answer 3

Esto funciona bien para mí. Tal vez la función resizeCanvas() es una nueva característica en la grilla resbaladiza.

El código es CoffeeScript.

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

Answer 4

Esto parece funcionar bien:

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