다른 화면 너비에 jqgrid 고정 열을 사용하는 방법?

Question

많은 열이있는 JQgrid 표가 있습니다. 어떤 사람들에게는 매우 넓은 모니터가 있고 어떤 모니터에는 작은 랩톱이 있습니다.

넓은 모니터를 가진 사람들이 창 크기만큼 화면을 늘릴 수있는 솔루션을 원합니다.

랩톱 컴퓨터의 경우 고정 된 열을 사용하여 스크롤 할 때 눈금의 첫 번째 열이 손실되지 않도록해야합니다.

이 레이아웃을 지원하는 가장 좋은 방법은 무엇입니까?

는

Answer 1

이 스레드는 브라우저 창 크기에 따라 그리드 폭을 설정하는 방법에 대해 설명합니다 :

:

javascript - Resize jqGrid when browser is resized? - Stack Overflow

이 사람은 일정한 크기로 특정 열을 설정하기 위해 '고정'colModel 옵션을 사용하여 제안 jQGrid set column width - Stack Overflow

마지막으로이 사이트에서는 JQGrid 사용에 대한 몇 가지 예제 코드와 추가 팁을 제공합니다.

,210

10 JQGrid Tipls learned from my experience << SANDBOX…….

Answer 2

유체 레이아웃과 모니터의 크기에 따라 냉동 colums이 예는 유체 테이블과 냉동 첫 번째 열 가진 볼을 모두 가지고 :

1 단계 -로부터 추가 jquery.jqGrid.min.js 스크립트를 주요 사이트.

2 단계 - 사이트 http://code.google.com/p/codeincubator/source/browse/Samples/steveharman/jQuery/jquery.jqgrid.fluid/jquery.jqGrid.fluid.js?r=170

3 단계에서 jquery.jqGrid.fluid.js 스크립트를 추가 - HTML

<div id="grid_wrapper" class="ui-corner-all floatLeft"> 
<table id="theGrid" class="scroll"> 
</table> 
<div id="pager" class="scroll" style="text-align:center;"></div> 
</div> 

4 단계 - 스크립트이 도움이

function resize_the_grid() 

     { 
     $('#theGrid').fluidGrid({base:'#grid_wrapper', offset:-20}); 
     } 

$(document).ready(function(){ 

     var myGrid = $('#theGrid');   

     myGrid.jqGrid({ 

      datatype:'clientSide', 

      altRows:true, 

      colNames:['Name', 'Side', 'Power'], 

      colModel:[ 

      { name:'name', index: 'name', frozen : true }, 

      { name:'side', index: 'side' }, 

      { name:'power', index: 'power' } ], 

      pager: jQuery('#pager'), 

      viewrecords: true, 

      imgpath: 'css/start/images', 

       caption: 'The Force: Who\'s Who?', 

       height: "100%" 

     }); 

     myGrid.addRowData("1", {name:"Luke", side:"Good", power:"6"}); 

     myGrid.addRowData("2", {name:"Vader", side:"Dark", power:"9"}); 

     myGrid.addRowData("3", {name:"Han", side:"meh?", power:"0"});   

     resize_the_grid(); 
}); 

$(window).resize(resize_the_grid); 

희망을 활성화합니다.