Tengo jqGrid (jqGrid gratuito) que contiene 7 columnas. Y apliqué la shrinkToFit: false
propiedad para permitir el desplazamiento de las columnas de la cuadrícula (para que se ajusten al dispositivo móvil). Cuando apliqué la misma propiedad a la cuadrícula que tiene solo una cuadrícula de columna, se ve como la siguiente imagen:
¿Cómo establecer automáticamente el ancho de la cuadrícula de acuerdo con el número de columnas?
Puede usar el setColWidth
método (incluido en jqGrid gratuito ) para cambiar el ancho de la última columna dinámicamente. No sé qué escenario usa para cargar la cuadrícula. La modificación de la demostración podría ser la siguiente: http://jsfiddle.net/OlegKi/andm1299/37/ donde
$(window).bind("resize", function () {
var p = $grid.jqGrid("getGridParam"),
cm = p.colModel[p.iColByName.ComboDuration];
$grid.jqGrid("setGridWidth", $grid.closest(".container-fluid").width());
$grid.jqGrid("setColWidth", "ComboDuration", p.width - p.tblwidth + cm.width);
}).triggerHandler("resize");
El código anterior primero redimensiona el ancho de la cuadrícula según el ancho del contenedor exterior y luego ajusta el ancho de la última columna según la diferencia entre el ancho de la tabla de la cuadrícula principal y el ancho total de la cuadrícula.
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras