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

Question

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

问题是:'这些文本是否有任何方法可以包装并限制在列宽范围内？'

附件是该问题的屏幕截图.

提前致谢.

Answer 1

给你一个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%;
}