`

jqGrid自动适应窗口大小

 
阅读更多

$(window).resize(function(){ 
    $("#dataDictList").setGridWidth($(window).width()-7);
});



下面转的
window.onresize = function  _doResize() {
var ss = pageSize();
$("#listId").jqGrid('setGridWidth', ss.WinW-10).jqGrid('setGridHeight', ss.WinH-200);
   }
 
function pageSize() {
   var winW, winH;
  if(window.innerHeight) {// all except IE
   winW = window.innerWidth;
   winH = window.innerHeight;
  } else if (document.documentElement && document.documentElement.clientHeight) {// IE 6 Strict Mode
   winW = document.documentElement.clientWidth;
   winH = document.documentElement.clientHeight;
  } else if (document.body) { // other
   winW = document.body.clientWidth;
   winH = document.body.clientHeight;
  }  // for small pages with total size less then the viewport
  return {WinW:winW, WinH:winH};
分享到:
评论

相关推荐

    数据表格JqGrid自适应列宽度

    首先,JqGrid允许用户根据屏幕尺寸或窗口大小自动调整列宽,以优化用户体验。这种自适应性是现代Web应用中必不可少的一个特性,特别是考虑到响应式设计的普及。自适应列宽度可以使表格在不同设备和屏幕分辨率下保持...

    Jqgrid表格随窗口大小改变而改变的简单实例

    这样,无论用户如何调整窗口大小,JqGrid都会相应地调整自身,保持与窗口宽度一致。 值得注意的是,`setGridWidth`方法是JqGrid提供的一个功能,用于动态改变表格的宽度。它接受一个参数,即新的宽度值。在这里,...

    jqGrid随窗口大小变化自适应大小的示例代码

    对于jqGrid,使其随窗口大小变化自适应大小,能提供更好的用户体验。下面我们将详细探讨两种实现jqGrid自适应大小的方法。 **方法一:基于窗口宽度自适应** 这种方法主要用于使jqGrid的宽度随窗口宽度的变化而改变...

    jqGrid的自适应表格

    height: 'auto', // 自动调整高度,根据数据数量和窗口大小 loadComplete: function () { var $self = $(this); if ($self.jqGrid('getGridParam', 'records') === 0) { // 当没有数据时,显示自定义消息 $...

    jqGrid for asp.net(含chart)

    5. 自动调整大小:根据浏览器窗口的大小自动调整表格大小。 6. 国际化:支持多语言,可以轻松切换不同的语言环境。 7. 自定义列:可以自定义列的显示样式、宽度和隐藏/显示状态。 8. 表格行选择:可以选择单行或多行...

    jqGrid-3.5.alfa-2

    6. 自动调整大小:根据浏览器窗口大小自动调整表格布局,保持良好的用户体验。 在jqGrid 3.5.alfa-2这个版本中,可能包含以下特性或改进: 1. 新增功能:可能引入了一些新的API函数或者特性,例如自定义操作按钮、...

    jQuery-ui(包含所有皮肤)

    13. **Resizable**:使元素可以被用户调整大小。 14. **draggable** 和 **droppable**:实现元素的拖放功能,是构建交互式界面的关键组件。 “jquery-ui-1.8.16.custom”这个文件名可能表示这是jQuery UI的1.8.16...

    GT-GRID插件下载

    - 自动调整大小:根据浏览器窗口大小自动调整表格宽度,确保最佳的显示效果。 - 多种数据源:可以连接到不同的数据源,如JSON、XML、AJAX等,灵活适应不同后端环境。 2. **使用方法** - 引入资源:首先需要在...

    最好的grid插件 .rar

    6. **响应式设计**:随着窗口大小的变化,Flexigrid会调整列宽,保持数据的可读性。 7. **自定义列宽**:用户可以自由调整列宽,以满足不同场景的需求。 8. **多级表头**:支持创建复杂的多级表头,帮助组织复杂的列...

    推荐25个超炫的jQuery网格插件

    4. **MatchHeight.js** - 更强大且能处理混合填充、边距、边框的同高插件,自动适应图像处理和响应式布局。 5. **Gridmanager.js** - 允许用户在表格布局中创建、编辑、删除行和列,创建可编辑的网格区域,支持定义...

    分享十三个最佳JavaScript数据网格库

    EmberTable.js提供对大数据集的控制与展示功能,它易于扩展且容易理解,支持重排序、列调整大小等操作。 5. jQueryKingTable jQueryKingTable是基于输入数据进行管理的表格,支持自动隐藏菜单、自定义工具栏、...

Global site tag (gtag.js) - Google Analytics