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

最新推荐文章于 2024-07-18 10:57:22 发布

最新推荐文章于 2024-07-18 10:57:22 发布 · 259 阅读

文章标签：

#EXT #Mobile

ExtJs 专栏收录该内容

20 篇文章

订阅专栏

本文探讨了一项关于Grid组件的表头无法正确显示的问题。作者通过调整HTML结构，移除居中标签<center>后成功使表头正常显示。此案例提供了一个简单而有效的解决方案。

遇到一个问题，是就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;">