jqgrid长文字换行

前端之家收集整理的这篇文章主要介绍了jqgrid长文字换行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在jqgrid中,我们从DB获取长文本,但是在JQgrid中显示时需要换行,是否有任何方法来包装长文本(带出任何空格)?由于我们需要显示多个列,因此我们只有110px才能收到收款人姓名字段.我们的代码就像
{name:"firstPayeeName",index:"firstPayeeName",width:"110px",align:"left",sorttype:"string"},

如果有,请提供解决方案.提前致谢.

解决方法

如果您需要显示的测试没有空白或其他白色空间,则不能使用描述的 herehere的CSS样式.

我建议你使用另一种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”将显示如下:

猜你在找的HTML相关文章