ExtJS：如何使网格行高增长以适应文本块？

Question

我有一个看起来像这样的网格面板：

定义者：

{
    xtype: 'gridpanel',
    title: 'Disclaimer questions',
    bind: {
        store: '{QuestionStore}'
    },
    columns: [{
        xtype: 'gridcolumn',
        dataIndex: 'labelText',
        text: 'Question text',
        flex: 1
    }, {
        xtype: 'gridcolumn',
        dataIndex: 'answerings',
        text: 'Answerings',
        flex: 1
    }, {
        xtype: 'gridcolumn',
        dataIndex: 'answerText',
        text: 'Answer text',
        flex: 1
    }]
}

如何使行的高度增加到文本的大小，而不是用“......”切断它？

Answer 1

从ExtJS 5开始，在列定义中，包括＆＃34; cellWrap：true＆＃34;。

columns: [{
    xtype: 'gridcolumn',
    cellWrap: true,   // <---------------------------------------
    dataIndex: 'labelText',
    text: 'Question text',
    flex: 1
}, {
    xtype: 'gridcolumn',
    dataIndex: 'answerings',
    text: 'Answerings',
    flex: 1
}, {
    xtype: 'gridcolumn',
    dataIndex: 'answerText',
    text: 'Answer text',
    flex: 1
}]