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

Posted 2023-02-26

【中文标题】Sencha EXT JS datagrid滚动条专门在列上？

【英文标题】：Sencha EXT JS datagrid scrollbar specifically on column?

【发布时间】：2012-09-26 17:04:59

【问题描述】：

我们有一个带有列的网格面板，显示效果很好。特别是一列是一个非常大的字符串。我们想在这一列中添加一个滚动条，只是为了容纳大量的文字。

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

    );     

【参考方案1】：

我是用 CSS 做的，并将 tdCls 添加到特定列

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