Question

ExtJS 如何实现Grid每列自适应宽度？

我试了viewConfig: { forceFit:true }，但是这个属性只是让Grid所有列宽度的总和等于Grid的宽度，也就是让所有列填充了整个Grid。但是我想达到的效果是：每一列的宽度等于这一列中最宽的一格的宽度，如果所有列的宽度总和大于Grid的宽度则出现滚动条！就像是winform程序中的DataGridView的属性AutoSizeColumnsMode等于AllCells！

Answer 1

直接找一个配置来实现恐怕不行，目前是没找到对应的配置。
有两个偏方可以试试：运早
1.首先不要使用forceFit:true ,然后当数据加载回来后根据内容计算出大概的宽度
优点：能实现比表面上的自动宽度
缺点：计算宽度很费时间，还有字符占位等问题
2.根据业务，判断此列数据一般占多宽，或者最大占多宽，然后设置死
这个一般就是要搞定需求或者用户了，就算是自动宽度，那个数据也不是无限长的，对吧？

如果兄弟研究出来了，就共享下，谢旁坦雀谢哦，我也想知信旦道怎么做。

Answer 2

所有列的总和大于grid的宽度也不会出现滚动条，只是会逗镇肢让其他列无限缩小啊。旅哪
这是我的一个grid里的属性，山世你看看
region : 'center',
enableColumnMove : false,
height : 400,
cm : cm_queryCall,
store : store_queryCall,
sm : new Ext.grid.RowSelectionModel( {
singleSelect : true
}),
loadMask : {msg : '数据加载中...'},
autoScroll : true,
autoExpandColumn : 'address',
viewConfig : {
forceFit : true
},
bbar : new Ext.PagingToolbar({
pageSize : 15,
store : store_queryCall,
displayInfo : true,
displayMsg : '第 {0} - {1} 条 共 {2} 条',
emptyMsg : "没有记录"
})

Answer 3

: function(value, p, r) ,
这样就显示四个星伏橡坦号了，不过最好在服务端就转如碰换了，比较安缺桐全。

Answer 4

设置width：auto；

Answer 5

目前的做法是楼上那种，也想有这个功能