Extjs grid宽度自适应

第一种方法必须在页面上设置div的宽度<div id="grid-example" width="90%"></div>

    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {id:'company',header: 'Company', width: 160, sortable: true, dataIndex: 'company'}
         ],
        stripeRows: true,
        autoExpandColumn: 'company',
        height: 350,
        //第一种方法：width: Ext.get("grid-example").getWidth(),
        //第二种方法
     bodyStyle:'width:100%', 
        title: 'Array Grid',
        // config options for stateful behavior
        stateful: true,
        stateId: 'grid'        
    });

 

评论

2 楼 myyugioh 2012-09-17  

myyugioh 写道

在3.1版本中，第一方法和第二方法都没效果，表格依然会超出屏幕，虽然只超了一点点
第一种方法无论DIV的宽度设置为百分之几，GridPanel都不会有变化

浏览器为IE8

1 楼 myyugioh 2012-09-17  

在3.1版本中，第一方法和第二方法都没效果，表格依然会超出屏幕，虽然只超了一点点
第一种方法无论DIV的宽度设置为百分之几，GridPanel都不会有变化