datatype - jqgrid rowlist
jqGrid y la opción autowidth. ¿Como funciona? (2)
Estoy usando jqGrid con la opción autowidth establecida en true .
Según la documentation :
Cuando se establece en verdadero, el ancho de la cuadrícula se recalcula automáticamente al ancho del elemento padre. Esto se hace solo inicialmente cuando se crea la cuadrícula. Para cambiar el tamaño de la cuadrícula cuando el elemento principal cambia de ancho, debe aplicar un código personalizado y usar un método setGridWidth para este propósito
Esto hace que la cuadrícula ocupe todo el ancho disponible en el elemento padre. Otro efecto de esta propiedad es que cada columna se contrae para ajustarse al ancho disponible.
Esto funciona muy bien. Sin embargo, tengo una página en la que no quiero que las columnas se reduzcan para que se ajusten al ancho de la cuadrícula, sino que deberían ocupar el espacio que les puse dentro del colModel de colModel .
¿Cómo puedo conseguir esto?
Solución: shrinkToFit: false
conjunto
autowidth = true, shrinkToFit = false
esta configuración hará que el ancho del marco jqgrid sea igual al padre (generalmente igual al ancho del navegador); y ancho de columna igual al ancho definido en colModel; unfornatelly jqgrid 4.3 no proporciona una forma sencilla al configurar una propiedad para ajustar / redimensionar automáticamente el ancho de la columna basándose en el ancho del contenido (texto en la celda);
por defecto en jqgrid:
autowidth = false, shrinkToFit = true
por favor vea las tres propiedades de las opciones de jqgrid en jqgrid option wiki ;
autoayuda
shrinkToFit
anchura
y propiedad de colModel en jqgrid colModel wiki
anchura
fijo
Creo que la prioridad para el ancho del marco jqgrid es * jqgrid frame autoowidth> ancho del marco jqgrid> suma del ancho de la columna *
la prioridad para el ancho de columna es colmodel fix> jqgrid frame shrinkToFit> colmodel width