Cómo implementar wordwrap en jqGrid que funciona en IE7, IE8 y FF

Cómo implementar wordwrap en jqGrid que funciona en IE7, IE8 y FF, mientras que también tiene trabajo de redimensionamiento de columnas (la cuadrícula se alinea correctamente).

Intenté incluir el contenido de envoltura interna en cada td con un div de ancho específico (basado en el ancho TH inicial), pero el ajuste de tamaño no funcionará en los divs que he insertado. Sin embargo, jqGrid calcula los anchos del TH redimensionado y los TH adyacentes.

¿Hay una solución mejor que evitará todos los ‘hackeos’ de JavaScript?

jqGrid Text / Word Wrapping explica cómo hacerlo, utilizando el siguiente CSS:

.ui-jqgrid tr.jqgrow td { white-space: normal !important; height:auto; vertical-align:text-top; padding-top:2px; } 

Utilice este CSS, esto seguramente ayudará.

  .ui-jqgrid tr.jqgrow td { word-wrap: break-word; /* IE 5.5+ and CSS3 */ white-space: pre-wrap; /* CSS3 */ white-space: normal !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ overflow: hidden; height: auto; vertical-align: middle; padding-top: 3px; padding-bottom: 3px } 

Deall All,

esto puede ser como a continuación:

  $("#jqxgrid").jqxGrid( { source: dataAdapter, width: 1500, autorowheight: true, autoheight: true, columnsresize: true, theme: 'ui-redmond',