我正在尝试使用 ExtJS 创建一个属性网格。我遇到的问题是该列的文本太宽。反正有没有强制文本环绕并创建一个更高的行?这是我到目前为止所拥有的:http: //jsfiddle.net/lordzardeck/pLYt3/1/
基本上我想扩展标题行来阅读这个:
A Reason for Spelling (Level B):
Teacher's Guidebook
这可能吗?如果是这样,如何?
我正在尝试使用 ExtJS 创建一个属性网格。我遇到的问题是该列的文本太宽。反正有没有强制文本环绕并创建一个更高的行?这是我到目前为止所拥有的:http: //jsfiddle.net/lordzardeck/pLYt3/1/
基本上我想扩展标题行来阅读这个:
A Reason for Spelling (Level B):
Teacher's Guidebook
这可能吗?如果是这样,如何?
只需添加这个 CSS:
.x-property-grid .x-grid-row .x-grid-property-name .x-grid-cell-inner {
white-space: normal;
}
.x-property-grid .x-grid-row .x-grid-property-name .x-grid-cell-inner,
.x-property-grid .x-grid-row-over .x-grid-property-name .x-grid-cell-inner {
background-image: none;
}
.x-property-grid .x-grid-row .x-grid-property-name,
.x-property-grid .x-grid-row-over .x-grid-property-name
{
background-position: -16px 1px;
background-image: url("http://dev.sencha.com/deploy/ext-4.1.0-gpl/resources/themes/images/default/grid/property-cell-bg.gif");
background-repeat: repeat-y;
}
使用网格的customEditors属性。
请参阅您更新的示例。
white-space: normal;
使用 ExtJS 6 在滚动时设置会导致渲染问题
cellWrap: true
正如该线程所指出的,您应该在列上进行设置:
https://www.sencha.com/forum/showthread.php?205554-extjs-grid-column-text-wrap-around-auto-expand