Question

我正在尝试使用ExtJS创建属性网格。我遇到的问题是文本对于列太宽。反正是否强迫文本环绕并创建一个更高的行？这是我到目前为止所拥有的：http://jsfiddle.net/lordzardeck/pLYt3/1/

基本上我想把标题行展开来阅读：

A Reason for Spelling (Level B):  
Teacher's Guidebook

这可能吗？如果是这样，怎么样？

Answer 1

只需添加此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;
}

Answer 2

使用网格的customEditors属性。

查看您的updated example。

Answer 3

使用ExtJS 6

设置white-space: normal;会在滚动时导致渲染问题

您应该在列上设置cellWrap: true，如此主题所指示的那样：

https://www.sencha.com/forum/showthread.php?205554-extjs-grid-column-text-wrap-around-auto-expand

extjs网格列文本环绕

3 个答案: