jqgrid长文本包装

Question

在jqgrid中我们有很长的文本从DB获取，但需要在JQgrid中显示时换行，有没有办法包装长文本（没有任何空格）？我们只有110px备用收款人姓名字段，因为我们需要显示多个列。我们的代码就像

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

请提供解决方案。提前谢谢。

Answer 1

如果您需要显示的测试有没有空格或其他空格，则无法使用描述为here和here的CSS样式。< / p>

我建议您使用其他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>

如何从the demo看到文本“testtesttesttesttesttesttesttesttest”将显示如下：

Answer 2

上面的解决方案并没有对我有用，就像现在一样，但几乎没有修改！ 转到themes / ui.jqgrid.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

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

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