extjs网格列文本环绕

extjs网格列文本环绕,extjs,datagrid,Extjs,Datagrid,我正在尝试使用ExtJS创建属性网格。我遇到的问题是,这篇文章太宽,不适合这个专栏。是否有强制文本环绕并创建更高的行的方法?以下是我目前掌握的情况: 基本上,我希望标题行展开如下内容: A Reason for Spelling (Level B): Teacher's Guidebook 这可能吗?如果是,如何使用网格的属性 查看您的。只需添加以下CSS: .x-property-grid .x-grid-row .x-grid-property-name .x-grid-cell-in

我正在尝试使用ExtJS创建属性网格。我遇到的问题是,这篇文章太宽,不适合这个专栏。是否有强制文本环绕并创建更高的行的方法?以下是我目前掌握的情况:

基本上,我希望标题行展开如下内容:

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

设置<代码>空白:正常使用ExtJS 6在滚动时导致渲染问题

您应该在列上设置
cellWrap:true
,正如此线程所指出的:


这很有用,但我需要它来显示文本(而不是文本区域),即使在不进行编辑的情况下也是如此。只需添加css即可将背景图像从嵌套div(不随行拉伸)移动到表格单元格中!但是,为了让您知道,您必须从第一条规则中删除.x-grid-property-name,以使其能够正常工作可能的重复