如何在IE7，IE8和FF上运行的jqGrid上实现wordwrap

如何在IE7，IE8和FF工作的jqGrid上实现wordwrap，同时也有列resize的工作（网格alignment正确）。

试图用每个TD的内容包含特定宽度的div（基于最初的TH宽度），但colresize在我插入的div上不起作用。 jqGrid通过计算resize的TH和相邻TH的宽度。

有没有更好的解决scheme，可以避免所有的JavaScript“黑客”？

Answer 1

jqGrid文本/ Word包装解释了如何使用以下CSS来做到这一点：

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

Answer 2

使用这个CSS，这一定会有所帮助。

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

Answer 3

Deall全部，

这可以如下所示：

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