ExtJS 4 - 在网格面板中包装列标题

时间:2011-09-09 12:19:00

标签: extjs header grid extjs4

我有一个网格,其长短语作为标题文本。这些文本永远不会在列的可用宽度中正确显示。

这些文本是否可以包装并限制为列宽?

以下是问题的图片:

1 个答案:

答案 0 :(得分:6)

在CSS中点击这个:

.x-grid3-hd-inner {
     overflow: hidden;
     padding: 3px 3px 3px 5px;
     white-space: normal;
}

另外,如果第一个选项不起作用,则另一个选项:

.x-column-header-inner .x-column-header-text {
    white-space: normal;
}

.x-column-header-inner {
    line-height: normal;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    text-align: center;
    top: 20%;
}