Javascript extjs 6.2.0按标题设置的网格列宽度（标题）

如何在extjs 6.2.0中按标题（标题）设置列宽？

---

我想通过标题内容自动设置列的宽度，列的宽度必须为空：

var c=Ext.create（'Ext.grid.column.column'，{text:'nam121312313e'，dataIndex:'name'，width:null}）
如您所见，我创建了一个函数getColumnWidth（），它将网格列文本作为参数，然后返回列宽

还可以根据需要调整getColumnWidth（）中的数字

森查提琴链


Ext.application({
名字：“小提琴”，
启动：函数（）{
Ext.create（'Ext.window.window'{
标题：“基于标题文本的网格自动调整列宽”，
宽度：600，
身高：400，
汽车展：是的，
布局：'适合'，
项目：[{
xtype:“网格”，
栏目：[
{
文本：'id'，
宽度：this.getColumnWidth（'id'），
},{
文本：'Name'，
宽度：this.getColumnWidth（'Name'），
},{
文本：'Thiswillfittitsdata'，
宽度：this.getColumnWidth（'ThiswillFittitsData'）
},{
文本：'LetsTryMoreLongerText'，
宽度：this.getColumnWidth（'LetsTryMoreLongerText'）
},{
文本：'固定'，
宽度：60
}
]
}]
});
},
getColumnWidth:函数（文本）{
让columnWidth=（text.length*7）+35//为文本中的每个字母提供7个像素
//可选此部分用于设置最大列宽，以防文本中的字符太多
如果（列宽度>400）{
列宽=400
}
返回列宽度；
}
});