ExtJS 4 - 在网格面板中包装列标题 [英] ExtJS 4 - Wrapping the column headers in grid panel

问题描述

我有一个网格，长度短的头文本。这些文本从未在列的可用宽度中正确显示。

问题是：这些文本是否可以包装并限制在列宽？ '

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

提前感谢

解决方案

给你一个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; 
顶部：20％; 
} 
  

I have a grid which has long phrases as header texts. These texts are never displayed properly in the available width for the column.

The question is: 'Is there any way these texts can be wrapped and limited to the column width?'

Attached is a screenshot of the issue.

Thanks in advance.

解决方案

Give this a shot in your CSS:

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

And additionally, another option if the first doesn't work:

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

这篇关于ExtJS 4 - 在网格面板中包装列标题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！