jqgrid 높이를 조정하십시오

브라우저 해상도에 맞게 브라우저 창에 맞게 jqgrid 높이를 동적으로 조정해야합니다. 머리글과 바닥 글 및 양식 (선택 사항)을 계산해야합니다. 그리드는 나머지 공간에 맞추어야합니다. .jqgrid 높이를 조정하십시오

출처

2012-03-29 Brittas

window.innerHeight 속성을 기반으로 높이를 계산하는 CSS를 통해 .ui-jqgrid-bdiv 요소의 높이를 설정할 수 있습니다.

여기처럼 나는 그리드의 높이가 가능한 윈도우 공간의 70 %로 설정합니다 :

$("#gview_mygrid > .ui-jqgrid-bdiv").css('height', window.innerHeight * .7);

당신은 각 해상도 변경에이를 다시 계산해야하지만 꽤 정직해야한다.

출처

2012-03-29 07:10:51 Stuart

window.innerHeight를 사용하면 화면 높이를 얻을 수 있습니다. 제 질문은 내 브라우저에서 그리드 외에 머리글과 바닥 글이있을 것입니다. 일부 페이지에는 일부도있을 것입니다. 나머지 공간에는 그리드를 맞추어야합니다 (머리글, 바닥 글 및 여백 뒤에 남아있는 여유 공간). 양식 찍은) 내 화면 해상도의 변화에 관계없이 너무 동적으로. – Brittas

위의 것을 남겨두면 브라우저 높이와 동일한 그리드 높이를 설정해야하며 그리드 높이의 크기를 조정해야하는 동시에 브라우저를 크기 조정할 때도 jquery를 사용하여 동일한 작업을 수행 할 수 있습니다 – Brittas

jqgrid 높이를 조정하십시오

답변

관련 문제