Envoltura de líneas de texto en JqGrid

Question

¿Puede obtener líneas de texto para envolver en JqGrid? He echado un vistazo, pero no puedo encontrar nada.

Answer 1

Prueba el siguiente CSS:

.ui-jqgrid tr.jqgrow td { 
     white-space: normal !important; 
    } 

Esto funciona para mí usando jqGrid 3.6.

---

Como N30 señaló, jqGrid 4.0 ahora es compatible con una opción de colModel cellattr que puede permitir un grano más fino de control sobre el ajuste de texto. A partir de su ejemplo:

cellattr: function (rowId, tv, rawObject, cm, rdata) { 
    return 'style="white-space: normal;"'; 
} 

Answer 2

Con jqGrid 4.0, una mejor manera de hacer esto es utilizar cellattr en colmodel así: -

colModel: [ 
      { name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;"' } }, 

      .... other columns 

      ] 

De esta manera se puede aplicar estilo de ajuste de columna individual ¡y no tiene que usar! importante

Answer 3

Tuve este problema para los encabezados y encontré que necesitaba todo esto para que también lo arreglara en IE. Tenga en cuenta que esto es para los encabezados, no para las celdas. El problema con esto es que probablemente afecte más de lo que pueda desear (como estoy seguro lo descubriré más adelante), pero siempre puede refinar los selectores de CSS y/o hacer referencia al #tableIdName específico o alguna clase para que pueda optar por participar como lo desee.

.ui-jqgrid .ui-jqgrid-htable th div { 
overflow: visible !important; 
height: auto !important; 
} 

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { 
    white-space: normal !important; 
} 

.ui-jqgrid .ui-th-div-ie{ 
    white-space: normal !important; 
} 

Answer 4

Usted puede utilizar la opción classes colModel poner una clase CSS en su columna y luego poner en su archivo CSS white-space: normal !important; el estilo de esa clase ...

clases

cadena

Esta opción permite agregar clases a la columna. Si se usará más de una clase, se debe establecer un espacio. Por ejemplo, classes:'class1 class2' establecerá una clase 1 y una clase 2 en cada celda de esa columna.

En el CSS de la cuadrícula hay una elipsis de la clase predefinida que permite unir puntos suspensivos a una fila en particular. También esto funcionará en Firefox también.