jqgrid长文字换行

发布时间：2020-12-14 19:35:09 所属栏目：资源来源：网络整理

导读：在jqgrid中,我们从DB获取长文本,但是在JQgrid中显示时需要换行,是否有任何方法来包装长文本(带出任何空格)？由于我们需要显示多个列,因此我们只有110px才能收到收款人姓名字段.我们的代码就像 {name:"firstPayeeName",index:"firstPayeeName",width:"110px",

在jqgrid中,我们从DB获取长文本,但是在JQgrid中显示时需要换行,是否有任何方法来包装长文本(带出任何空格)？由于我们需要显示多个列,因此我们只有110px才能收到收款人姓名字段.我们的代码就像

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

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

解决方法

如果您需要显示的测试没有空白或其他白色空间,则不能使用描述的 here和 here的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”将显示如下：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!