首页 > 代码库 > easyUI-datagrid属性设置display:none,表头不显示
easyUI-datagrid属性设置display:none,表头不显示
<div class="box1"> <div class="dg1Box" style="margin-top:15px; margin-left:25px;"> <table id="dg1" style="width:575px;"></table> </div> </div> <div class="box2" style="display:none;"> <div class="dg2Box" style="margin-top:15px; margin-left:25px;"> <table id="dg2" style="width:575px;"></table> </div> </div>
这样布局tab之后在JS中绑定datagrid:
$(‘#dg1‘).datagrid({ columns: [[ { field: ‘CompoundName‘, title: ‘组分名‘, width: 130, align: ‘center‘, resizable:false }, { field: ‘CompoundMofo‘, title: ‘分子式‘, width: 130, align: ‘center‘, resizable: false }, { field: ‘CompoundGraph‘, title: ‘CAS号‘, width: 130, align: ‘center‘, resizable: false }, { field: ‘operate‘, title: ‘操作‘, width: 130, align: ‘center‘, resizable: false } ]], rownumbers: true }); $(‘#dg2‘).datagrid({ columns: [[ { field: ‘TBCompoundID‘, title: ‘组分库Id‘, width: 130, align: ‘center‘, resizable: false }, { field: ‘HeaderText‘, title: ‘表头‘, width: 130, align: ‘center‘, resizable: false }, { field: ‘Format‘, title: ‘格式‘, width: 130, align: ‘center‘, resizable: false }, { field: ‘operate‘, title: ‘操作‘, width: 130, align: ‘center‘, resizable: false } ]], rownumbers: true });
切换到第二个表格的时候,表头不显示,可能是display为none的时候datagrid也会被隐藏
只要在显示当前div的时候,执行这条代码$("#dg2").datagrid("resize"); 就可以啦。
easyUI-datagrid属性设置display:none,表头不显示
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。