ExtJS 6 -- 自动调整网格列标题文本

Question

有没有一种方法可以设置列宽以匹配列文本的宽度？用户可以根据需要调整列的大小以查看内容，但我希望至少显示完整的标题文本，即使列内容没有显示也是如此。

谢谢

Answer 1

是的，这应该是可能的。您可以调用方法 autoSize()在专栏上。您可以将它与 minWidth 结合使用和 maxWidth .

我找到了 this example在 Ext 4.2 的 Sencha 论坛上，所以它对于 Ext 6.2 应该非常相似:

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name',  width: 150, autoSizeColumn: true },
        { text: 'Email', dataIndex: 'email', width: 150, autoSizeColumn: true, minWidth: 150 },
        { text: 'Phone', dataIndex: 'phone', width: 150 }
    ],
    viewConfig: {
        listeners: {
            refresh: function(dataview) {
                Ext.each(dataview.panel.columns, function(column) {
                    if (column.autoSizeColumn === true)
                        column.autoSize();
                })
            }
        }
    },
    width: 450,
    renderTo: Ext.getBody()
});