EasyUI datagrid自适应问题解决
2014-09-11 09:22
351 查看
在使用js 动态创建EasyUI datagrid时,如果设置fit为true,在显示的时候数据的高度为固定高度不能自适应
解决办法是把fit设为false。
但这样设置后又有个问题,如果把columns定义在js里面,及时宽度设置为百分百,单元格的宽度不能随着浏览器的大小而变化
解决办法是把columns定义在页面html里。
最后的代码如下:
html代码
js代码
解决办法是把fit设为false。
但这样设置后又有个问题,如果把columns定义在js里面,及时宽度设置为百分百,单元格的宽度不能随着浏览器的大小而变化
解决办法是把columns定义在页面html里。
最后的代码如下:
html代码
<table id="grid" title="考勤数据" style="width: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: '姓名', width: '20%', sortable: true }, { field: 'KqDate', title: '日期', width: '20%', sortable: true }, { field: 'KqTime', title: '时间', width: '20%', sortable: true }, { field: 'IsInvalid', title: '有效否', width: '16%', sortable: true }, { field: 'Remark', title: '备注', width: '20%' } ]],*/ toolbar: '#divtoolbar' }); }
相关文章推荐
- 解决EasyUi中的DataGrid删除一条记录后,被删除的数据仍处于被选中状态问题
- 解决:easyui中的datagrid详情展开,combobox的级联操作,以及修复combobox总是显示value值的问题
- 【解决方法】EasyUI DataGrid不显示滚动条时,没有数据的问题
- 解决easyui-datagrid在ie中无法reload问题
- 多种方式解决EasyUI—DataGrid中DateTime的格式化问题
- easyui 的datagrid的自适应宽度的问题
- 解决EasyUI-Datagrid和LinqToEntity结合应用时排序问题
- 解决easyui datagrid load时缓存问题
- 解决easyUI 1.4.1 dataGrid加载数据慢的问题
- jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
- easyui datagrid高度自适应问题
- 解决jQuery的EasyUI的datagrid数据表格中行的垂直居中问题。
- easyui 的datagrid的自适应宽度的问题
- 解决EasyUi中的DataGrid删除一条记录后,被删除的数据仍处于被选中状态问题
- EasyUI中iframe嵌入页面,包含datagrid数据动态绑定,页面内容的高度自适应问题
- 解决EasyUI-Datagrid和LinqToEntity结合应用时排序问题
- 解决easyui datagrid 翻页全选的问题
- 【解决方法】EasyUI DataGrid无数据时不显示滚动条问题
- 解决easyui 控件datagrid 二次加载问题
- 解决easyui-datagrid在IE中无法reload问题