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%;
}