Extjs 解决grid 列未占满整个表格

(function(){    

2.    var data = [    

3.      [1,"EasyJWeb","EasyJF",""],    

4.      [2,"Jfox","huihoo",""],    

5.      [3,"jdon","jdon",""],    

6.      [4,"springside","springside",""]    

7.    ];    

8.        

9.    var store = new ({    

10.      data:data,    

11.      fields:["id","name","organization","homepage"]    

12.    });    

13.        

14.    var grid = new ({    

15.      renderTo:"hello",    

16.      title:"中国java开源产品及团队",    

17.      height:150,    

18.      width:560,    

19.      columns:[{header:"项目名称",dataIndex:"name"},    

20.          {header:"开发团队",dataIndex:"organization"},    

21.          {header:"网址",dataIndex:"homepage",renderer:showUrl}],    

22.      store:store,    

23.      //当使用ext2.2时，autoExpandColumn为0时没效果，为1时第2列扩展，为2时第3列扩展；    

24.      //当使用ext3.0时，autoExpandColumn为0时没效果，为1时第1列扩展，为2时第2列扩展，为3时第3列扩展    

25.      autoExpandColumn:3    

26.    });    

27.  });    

28.  function showUrl(value){    

29.    return "<a href='http://"+value+"' target='_blank'>"+value+"</a>";    

30.  }