EXT的Grid没有显示横向的滚动条

Question

主要的代码：、

Ext.onReady(function(){ 
    var xg = Ext.grid;

    //为简便查找问题，把Creader 里面的设置删除了
    var reader = new Ext.data.ArrayReader();

    var store = new Ext.data.Store({
        reader: reader,
        data: xg.dummyData //dummyData是数据源
    });
        //选择框
    var sm = new xg.CheckboxSelectionModel();
        //为简便查找问题，把ColumModel里面的列设置删除了
    var colM = new Ext.grid.ColumnModel();
    var grid = new Ext.grid.GridPanel({
        renderTo:"segprolinkGridDiv",
        title:"中国Java开源产品及团队",
        height:200,
        width:600,
        cm:colM,
        sm:sm,
        viewConfig: {
            columnsText:"显示/隐藏列",
            sortAscText:"按正序排列",
            sortDescText:"按倒序排列",
            forceFit:true
        },
        autoScroll:true,
        store:store,
        loadMask:true
    });
});

不显示横向滚动条：

如图：

 

 

。。。。求解释求真相！

Answer 1

forceFit 属性说明
表示除了auto expand（自动展开）外，还会对超出的部分进行缩减，让每一列的尺寸适应GRID的宽度大小，阻止水平滚动条的出现。