Como implementar o wordwrap no jqGrid que funciona no IE7, IE8 e FF

Como implementar o wordwrap no jqGrid, que funciona no IE7, IE8 e FF, ao mesmo tempo que tem o trabalho de redimensionamento de colunas (a grade se alinha corretamente).

Tentei internamente o conteúdo em cada td com um div de largura específica (com base na largura TH inicial), mas o colresize não funcionará nos divs que inseri. O jqGrid calcula as larguras do TH redimensionado e dos THs adjacentes.

Existe uma solução melhor que evitará todos os ‘hacks’ do JavaScript?

O jqGrid Text / Word Wrapping explica como fazer isso, usando o seguinte CSS:

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

Use este css, isso certamente irá ajudar.

  .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,

isso pode ser como abaixo:

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