代码之家 › 专栏 › 技术社区 › bcm

如何在基于IE7、IE8和FF的jqgrid上实现自动换行

word-wrap resize jqgrid css

bcm · 技术社区 · 14 年前

如何在jqgrid上实现自动换行,jqgrid在IE7、IE8和FF上工作,同时还具有列大小调整功能(网格正确对齐)。

尝试在每个td上以特定宽度的DIV(基于初始th宽度)对内容进行innerwrap,但colresize在我插入的DIV上不起作用。jqgrid计算调整后的th和相邻th的宽度。

有没有更好的解决方案可以避免所有的javascript“黑客”?

3 回复 | 直到 10 年前

Justin Ethier 14 年前

jqGrid Text/Word Wrapping 说明如何使用以下CSS执行此操作:

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

Yasser Shaikh 11 年前

使用这个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
    }

-1

SANN3 10 年前

所有的,

具体如下:

 $("#jqxgrid").jqxGrid(

            {
                source: dataAdapter,
                width: 1500,
                autorowheight: true,
                autoheight: true,
                columnsresize: true,
                theme: 'ui-redmond',

推荐文章

user8684796 · 如何禁用nano中的包装线?

7 年前

Jay · 为什么这些弹性物品没有包装?

7 年前

JBH · 如何防止对象缠绕浮动图像?

7 年前

Bernard · 在android TextView中按文字换行

7 年前

Devi · 禁用WPF RichTextBox文本自动换行

7 年前

Cody Pritchard · Rails-电子邮件字符串拒绝在表中换行

8 年前

Laurel · PDF中页眉中的SSRS文本框包装,不应

9 年前

gstackoverflow · 是否有模拟Collections.singleton()/Collections.singletonList()/CoCollections.singletonMap()来获取可变集合?

10 年前

Jan Tacci · HTML/CSS两列/一行第二行换行(如果浏览器宽度太小)

10 年前

Samantha · c#制表符换行字符串

11 年前