2010-10-11 42 views
21

Estoy utilizando jqGrid con la opción autowidth establecida en true.jqGrid y la opción de auto ancho. ¿Como funciona?

Según la documentation:

Cuando se ajusta a verdadero, el ancho de rejilla se recalcula automáticamente a la anchura del elemento padre. Esto se hace solo inicialmente cuando se crea la grilla. Para cambiar el tamaño de la cuadrícula cuando el elemento principal cambia el 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 primario. 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 donde no quiero que las columnas se contraigan para ajustarse al ancho de la cuadrícula, pero deben ocupar el espacio que configuré dentro de colModel para ellas.

¿Cómo puedo lograrlo?

+1

Probar 'ancho:" 100% "' –

+0

¿Quiere decir en el elemento de la tabla de la grilla? – Lorenzo

+0

Encontré la solución: no me di cuenta de que la opción shrinkToFit tenía un valor predeterminado de verdadero. Lo configuré en falso y todo está bien ahora ... – Lorenzo

Respuesta

25

Solución: shrinkToFit: false

+0

no funciona para mí – aayushi

+0

¿Cómo puedo hacerlo frente a la Subgrid? –

10

conjunto

ANCHO AUTO = true, Reducir hasta ajustar = false

esta configuración hará el ancho del bastidor jqGrid igual a la de los padres (por lo general igual al ancho del navegador); y ancho de columna igual al ancho definido en colModel; unfornatelly jqgrid 4.3 no es una forma sencilla al establecer una propiedad para ajustar/cambiar el tamaño automáticamente del ancho de la columna según el ancho del contenido (texto en la celda);

defecto en jqGrid:

ANCHO = false, Reducir hasta ajustar = true

consulte las tres propiedades de opciones de jqGrid en jqgrid option wiki;

ANCHO AUTO

Reducir hasta ajustar

anchura

y la propiedad de colModel en jqgrid colModel wiki

anchura

fixe d

creo que la prioridad de ancho de marco jqGrid es * marco jqGrid ANCHO AUTO> jqGrid ancho del marco> suma de ancho de columna *

la prioridad de ancho de columna se colmodel fija> marco jqGrid Reducir hasta ajustar> colmodel ancho

+1

autowidth: true, shrinkToFit: false! signo '': ''' 'en lugar de signo' '='' – sohaiby

Cuestiones relacionadas