Sencha EXT JS datagrid滚动条专门在列上?

时间:2012-09-26 17:05:00

标签: scrollbar extjs mouseover gridpanel

我们有一个带有列的网格面板,显示正常。特别是一列是一个非常大的字符串。我们想要在这一列中添加一个滚动条,以容纳大量文本。

这可以用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' } ] });

1 个答案:

答案 0 :(得分:1)

我用CSS做了,并将tdCls添加到特定列

.custom-column .x-grid-cell-inner { white-space:normal; } --- in tab tdCls: 'custom-column'