Question

有人知道如何在JQGrid中包装列名。请在下面找到我的JSON代码

colModel：[ {name：'RequestID'，index：'CreditRequest.CreditRequestID'，width：100，align：'left'}，.....

参考上面的代码，如果内容的大小超过我希望它被包装。任何想法或评论

Answer 1

只需在您自己的css文件中引用它即可。

.ui-jqgrid tr.jqgrow td {
    height: 50px;
    white-space: normal;
}

只要你的css文件列在jqGrid.css文件之后的标题中，它就会覆盖它。

Answer 2

对于它的价值，这里是标题行：

.ui-jqgrid .ui-jqgrid-htable th div, .ui-jqgrid-sortable  {
    height:auto;
    overflow:hidden;
    white-space:normal !important;
}

Answer 3

您需要查看应用于jqGrid列标题的特定类。就我而言，我有以下内容：ui-th-div-ie ui-jqgrid-sortable

再往前看，我发现有两个CSS问题：

white-space：normal
身高：16px

这两个CSS属性都在ui.jqgrid.css中定义。意识到我对这个网格有一个特定的要求，我不想影响其他实现，我提出了以下解决方案：

$(".ui-jqgrid-sortable").css('white-space', 'normal');
$(".ui-jqgrid-sortable").css('height', 'auto');

Answer 4

以下是在单元格中启用自动换行的几个步骤。

打开ui.jqgrid.css 搜索.ui-jqgrid tr.jqgrow td 将“white-space：pre;”更改为“white-space：normal;”

用于包裹在单元格中：

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

对于列标题

.ui-jqgrid .ui-jqgrid-htable th div {
        height:auto;
    overflow:hidden;
    padding-right:4px;
    padding-top:2px;
    position:relative;
    vertical-align:text-top;
    white-space:normal !important;
}

Answer 5

您可以将th标签的空白css属性设置为normal。使用应该是的JQuery：

  $('.ui-jqgrid .ui-jqgrid-htable th div').css('white-space', 'normal');

Answer 6

使用此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 7

你不能只放一个<BR/>，虽然它可以包裹这条线 - 它不会正确调整高度

Answer 8

这适用于jqGrid 4.4.4

.ui-jqgrid .ui-jqgrid-htable th div
{
    white-space:normal;
    height:auto !important;
}

Answer 9

确保换行的最简单方法是在列名中放置一个<BR/>标记，您需要换行符。例如，ClientPrimaryName可以写为Client<BR/>PrimaryName，因此它实际呈现为：

客户端
PrimaryName

JQGrid中的列Wordwrap

9 个答案: