首先更改表格内列的自适应:
这里涉及到一个非常复杂的数学问题,所有列的宽度相加,和为100%。(因为按需求,有的列要长一点,有的列需要短一点。)
<thead >
<tr >
<th width="15%" data-options="field:'itemNo',width:140,align:'center'">列名1</th>
<th width="15%" data-options="field:'itemName',width:140,align:'center'">列名2</th>
<th width="15%" data-options="field:'productType',width:140,align:'center'">列名3</th>
<th width="15%" data-options="field:'Outbound quantity',width:140,align:'center'">列名4</th>
<th width="15%" data-options="field:'applicant',width:140,align:'center'">列名5</th>
<th width="25%" data-options="field:'remark',width:350,align:'center'">列名66666</th>
</tr>
</thead>
然后让表单充满某个区域
<div style="width=100%;height:100%">
<table id="dg" class="easyui-datagrid" style="width: 100%; height: 90%"
data-options="
rownumbers:true,
singleSelect:true,
pagination:true">
</table>
</div>
这样整个表单就会根据浏览器自动适应大小了。