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

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

有没有办法将这些文本包装起来并限制在列宽范围内

以下是该问题的图像：

---

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

---

嗨，德马克曼，谢谢你分享这篇文章。不幸的是，第一种解决方案不起作用，但第二种解决方案在Mozilla中运行良好。但在IE（IE9）中，它没有任何效果。任何建议。再次感谢。删除顶部：20%如果你点击标题进行排序，出于某种原因，它会将标题文本向下推。