在使用easy-ui的过程中，新增tab中利用iframe显示时，发现里面的datagrid高度不能自适应，下面是解决办法，写下备用：
再iframe中使用easyui-layout布局，然后把datagrid放到center就可以了，比如：
<body class="easyui-layout">
<div region="center" style="padding:5px;" border="false">
<table id="tt" title="datagrid" fit="true" iconcls="icon-edit" singleselect="true" idfield="itemid" url="datagrid_data2.asp" pagination="true" rownumbers="true">
<thead>
<tr>
<th field="itemid" width="80" checkbox="true">item id</th>
<th field="productid" width="100" sortable="true">product</th>
<th field="listprice" width="80" sortable="true" align="right">list price</th>
<th field="unitcost" width="80" sortable="true" align="right">unit cost</th>
<th field="attr1" sortable="true" width="150">attribute</th>
<th field="status" width="60" sortable="true" align="center">status</th>
</tr>
</thead>
</table>
</div>
</body>宽度自适应方法如下：
加上一个属性：
fitColumns: true,
/*自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动，使之保持与父类宽度相同*/
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
