easyui 的datagrid的自适应宽度的问题
2014-08-31 19:06
323 查看
$.fn.extend({
resizeDataGrid : function(heightMargin, widthMargin, minHeight, minWidth) {
var height = $(document.body).height() - heightMargin;
var width = $(document.body).width() - widthMargin;
height = height < minHeight ? minHeight : height;
width = width < minWidth ? minWidth : width;
$(this).datagrid('resize', {
height : height,
width : width
});
}
});
$(function() {
// datagrid数据表格ID
var datagridId = 'tt';
// 第一次加载时自动变化大小
$('#' + datagridId).resizeDataGrid(0, 0, 0, 0);
// 当窗口大小发生变化时,调整DataGrid的大小
$(window).resize(function() {
$('#' + datagridId).resizeDataGrid(0, 0, 0, 0);
});
});
确保table的id为tt
还有一个方法是直接设置table的fit属性为true 前提是table的calss属性必须是easyui-datagrid
resizeDataGrid : function(heightMargin, widthMargin, minHeight, minWidth) {
var height = $(document.body).height() - heightMargin;
var width = $(document.body).width() - widthMargin;
height = height < minHeight ? minHeight : height;
width = width < minWidth ? minWidth : width;
$(this).datagrid('resize', {
height : height,
width : width
});
}
});
$(function() {
// datagrid数据表格ID
var datagridId = 'tt';
// 第一次加载时自动变化大小
$('#' + datagridId).resizeDataGrid(0, 0, 0, 0);
// 当窗口大小发生变化时,调整DataGrid的大小
$(window).resize(function() {
$('#' + datagridId).resizeDataGrid(0, 0, 0, 0);
});
});
确保table的id为tt
还有一个方法是直接设置table的fit属性为true 前提是table的calss属性必须是easyui-datagrid
相关文章推荐
- easyui 的datagrid的自适应宽度的问题
- easyui datagrid高度自适应问题
- easyUI自适应宽度问题
- 005--Easyui的datagrid实现宽度自适应
- 如何让EasyUI DataGrid 宽度自适应窗口改变
- Easyui设置datagrid自适应屏幕宽度的方法
- 一步步实现 easyui datagrid表格宽度自适应,效果非常好
- EasyUI datagrid 列宽度拖动问题
- easyui datagrid 宽度高度自适应
- easyui datagrid标题列宽度自适应
- easyui datagrid自适应浏览器宽度
- easyui datagrid 宽度高度自适应
- easyui datagrid宽度设置在ie8无效的问题
- easyui datagrid 自适应窗口边宽度
- easyui datagrid在fitColumns="true"的情况自适应宽度下失效
- EasyUi datagrid百分比显示宽度,EasyUi datagrid自适应窗口大小
- easyui-datagrid自适应宽度
- EasyUI中iframe嵌入页面,包含datagrid数据动态绑定,页面内容的高度自适应问题
- EasyUI datagrid自适应问题解决
- easyui datagrid 宽度高度自适应