问题描述

easyui的datagrid hideColumn的问题，蛋疼好几天

 <table id="dg" class="easyui-datagrid" toolbar="#tb" style="width:100%;height:100%;padding: 50px;"
data-options="singleSelect:true,collapsible:true,url:'./getDocLib.action',method:'get'">
<thead>
<tr>
<th data-options="field:'title',align:'center',resizable:false" width="20%">标题</th>
<th data-options="field:'handler',align:'center',resizable:false" width="10%">负责人</th>
<th data-options="field:'size',align:'center',resizable:false" width="10%">大小</th>
<th data-options="field:'modifydate',align:'center',resizable:false" width="15%">修改时间</th>
<th data-options="field:'createdate',align:'center',resizable:false" width="15%">创建时间</th>
</tr>
</thead>
</table>
<script language="javascript">
$("#dg").datagrid("hideColumn", "title");
</script>

这样隐藏列会报错啊 这是为啥啊。。求指导啊
报错信息：
jquery.datagrid.js:987 Uncaught TypeError: Cannot read property 'options' of undefined

解决方案

放到domready中执行，奥布easyui还没初始化

 $(function(){

$("#dg").datagrid("hideColumn", "title");
})

解决方案二：

http://bbs.csdn.net/topics/391948330

解决方案三：

解决方案四：

解决方案五：

加一个hidden:true的属性可以隐藏