Easy-UI中datagrid寬高自適應問題

時間 2019-11-17

原文原文鏈接

在使用easy-ui的過程當中，新增tab中利用iframe顯示時，發現裏面的datagrid高度不能自適應，下面是解決辦法，寫下備用： html

再iframe中使用easyui-layout佈局，而後把datagrid放到center就能夠了，好比： shell

<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>

像這樣佈局高度就能夠自適應了，可是寬度依然沒法自適應。

寬度自適應方法以下：佈局

加上一個屬性： ui

fitColumns: true,
/*自動擴大或縮小列的尺寸以適應表格的寬度而且防止水平滾動，使之保持與父類寬度相同*/

原文： http://duzou.tk/archives/51.html

相關標籤/搜索