EasyUI datagrid自适应问题解决

在使用js 动态创建EasyUI datagrid时，如果设置fit为true，在显示的时候数据的高度为固定高度不能自适应

解决办法是把fit设为false。

但这样设置后又有个问题，如果把columns定义在js里面，及时宽度设置为百分百，单元格的宽度不能随着浏览器的大小而变化

解决办法是把columns定义在页面html里。

最后的代码如下：

html代码

<table id="grid" title="考勤数据" style="100%;height:auto">
      <thead>
           <tr>
               <th field="GUID" hidden="hidden">ID</th>
               <th field="EmpName" width="20%">姓名</th>
               <th field="KqDate" width="20%">日期</th>
               <th field="KqTime" width="20%">时间</th>
               <th field="IsInvalid" width="16%">是否有效</th>
               <th field="Remark" width="20%">备注</th>
           </tr>
      </thead>
</table>

js代码

 $('#grid').datagrid({
        url: '/Checking/GetAll?r=' + Math.random(), //数据接收URL地址
        iconCls: 'icon-view', //图标
        fit: false, //自动适屏功能
        nowrap: true,
        autoRowHeight: false, //自动行高
        autoRowWidth: true,
        striped: true,
        collapsible: false,
        remoteSort: true,
        idField: 'GUID', //主键值
        pagination: true, //启用分页
        rownumbers: true, //显示行号
        multiSort: true, //启用排序
        sortable: true, //启用排序列
        fitcolumns: true,
        queryParams: $("#searchform").form2json(), //搜索条件查询
        singleSelect: true,
        /*columns: [[
            { field: 'GUID', hidden: true },
            { field: 'EmpName', title: '姓名',  '20%', sortable: true },
            { field: 'KqDate', title: '日期',  '20%', sortable: true },
            { field: 'KqTime', title: '时间',  '20%', sortable: true },
            { field: 'IsInvalid', title: '有效否',  '16%', sortable: true },
            { field: 'Remark', title: '备注',  '20%' }
        ]],*/
        toolbar: '#divtoolbar'
    });
}