jqgrid长文本包装

在jqgrid中我们有很长的文本从数据库中获取，但需要在JQgrid中显示时进行换行，有没有什么方法来包装长文本（不包含任何空格）？ 因为我们有多个列需要显示，所以我们只有110px的空余收款人姓名字段。 我们的代码就像

{name:"firstPayeeName",index:"firstPayeeName", width:"110px", align:"left", sorttype:"string"}, 

如果有的话，请提供解决scheme。 提前致谢。

Answer 1

如果您需要显示的testing没有空格或其他空格 ，则不能使用此处和此处所述的CSS样式。

我会build议你使用另一种CSS风格：

 <style type="text/css"> .ui-jqgrid tr.jqgrow td { word-wrap: break-word; /* IE 5.5+ and CSS3 */ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* 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 } </style> 

如何从演示中看到文本“testtesttesttesttesttesttesttesttesttest”将显示如下：

Answer 2

上面的解决scheme没有为我工作，exaclty是这样，但几乎没有修改！ 转到themes / ui.jqgrid.css：search：.ui-jqgrid tr.jqgrow td：并在括号中插入：

  word-wrap: break-word; // IE 5.5+ and CSS3 white-space: pre-wrap; // CSS3 white-space: -moz-pre-wrap; // 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

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

使用上面的代码工作。 如果你不给空间也会打破线路