我们有一个带有列的网格面板,显示正常。特别是一列是一个非常大的字符串。我们想要在这一列中添加一个滚动条,以容纳大量文本。
这可以用Sencha EXT JS完成吗?或者如果无法完成滚动条,鼠标悬停在列中显示整个文本怎么样?
var secondTab = Ext.create('Ext.grid.Panel', {
columnWidth: 0.60,
xtype: 'gridpanel',
store: standardsResultsStore,
autoheight: true,
columns: [
{
id :'standardName',
text : 'Standard Name',
flex: 1,
sortable : true,
dataIndex: 'standard'
},
{
text : 'Description',
flex : 2,
sortable : true,
dataIndex: 'description_standard'
}
]
});
columnWidth: 0.60,
xtype: 'gridpanel',
store: standardsResultsStore,
autoheight: true,
columns: [
{
id :'standardName',
text : 'Standard Name',
flex: 1,
sortable : true,
dataIndex: 'standard'
},
{
text : 'Description',
flex : 2,
sortable : true,
dataIndex: 'description_standard'
}
]
});
答案 0 :(得分:1)
我用CSS做了,并将tdCls添加到特定列
.custom-column .x-grid-cell-inner { white-space:normal; }
--- in tab tdCls: 'custom-column'