Ext遇到的问题--grid表头不能显示

遇到一个问题，是就grid的表头不能显示，而我的代码写了
{id:'userId',header: '用户ID', width: 85, sortable: true, dataIndex: 'userId'},
   {header: '用户昵称', width: 95, sortable: true, dataIndex: 'username'},
   {header: '密码', width: 85, sortable: true, dataIndex: 'password'},
   {header: '年龄', width: 85, sortable: true, dataIndex: 'age'},
   {header: '手机号', width: 85, sortable: true, dataIndex: 'mobile'},
   {header: '地址', width: 85, sortable: true, dataIndex: 'address'}

明明写了header了，挂在div上的时候却显示不出来
后发现挂grid的div是这么写
<center>
  <div id="grid">
  </div>
</center>
去掉居中<center></center>就可以正常显示表头了
不知道为什么会这样。
最后只好改成这样了
<div id="grid-example" style="padding-left:350px; margin-left:50px;">