我已经扩展了Java脚本面板,其中包含几列。列内的数据是从服务器接收的。有时,来自服务器的每列数据都很大,并且不适合行内。

这是相同的代码:

Ext.define('DataDetailsGrid', {
    extend: 'Ext.grid.Panel',
    requires: [
        'DataStore'
    ],
    id: 'DataDetailsGrid',
    xtype: 'grid',
    margin: "20 20 20 20",
    nestedView: false,
    title: 'Student information',
    store: 'DataStore',
    frame: true,
    flex: 1,
    viewConfig : {
        deferEmptyText: false,
        emptyText: 'No data Available'
    },
    columns: [
        { text: 'Id', flex: 0.5, dataIndex: 'id' },
        { text: 'Student name', flex: 1, dataIndex: 'student_name' },
        { text: 'Time Stamp', flex: 1, dataIndex: 'requestTimeStamp' },
        { text: 'email Id', flex: 1, dataIndex: 'emailId' },
        { text: 'About Students', flex: 4, dataIndex: 'response' },
    ]
});


问题是关于学生,有时大约为500个字符。在给定的行中未容纳此值。

最佳答案

您可以使用此CSS代码包装Adout学生数据。
检查小提琴:https://fiddle.sencha.com/#fiddle/1i3g

.x-grid-cell-inner {
 white-space: initial;
}

07-24 09:43
查看更多