jqGrid 바닥 글 높이 증가

MVC 응용 프로그램에서 jqGrid가 있습니다. 아래에 표시된 스타일의 사용자 정의 CSS 파일을 추가하여 글꼴 크기를 늘 렸습니다.jqGrid 바닥 글 높이 증가

custom.css

제대로 작동

.ui-jqgrid, 
.ui-jqgrid .ui-jqgrid-view, 
.ui-jqgrid .ui-jqgrid-pager, 
.ui-jqgrid .ui-pg-input { 
    font-size: 14px; 
}

. 그러나 이제 문제는 그리드의 바닥 글이 확장 된 글꼴 크기를 올바르게 표시하도록 확장되지 않았기 때문입니다.

당신이 볼 수 있듯이, 페이지 번호 오프 호출기 잘라냅니다. StackOverflow에 here 발견 된 솔루션을 구현하는 시도했지만 바닥 글 변경되지 않았습니다.

custom.css

.ui-jqgrid .ui-jqgrid-sdiv .footrow { height: 55px }

사람의 마음은있는 jqGrid 바닥 글의 높이를 높이는 방법으로 나를 도와시겠습니까?

출처

2016-08-18 Nathon

그것은 당신이 항상 쓰는 것이 중요 ** 당신이 사용하고있는 jqGrid의 버전있는 jqGrid ** ([무료있는 jqGrid (어떤 포크에서 https://github.com/ 같은 시도 free-jqgrid/jqGrid) 4.14.4, 상용 [Guriddo jqGrid JS] (http://guriddo.net/?page_id=103334) 5.1.1 또는 이전 버전의 jqGrid <= 4.7). jqGrid 4.14.4를 jqGrid 파일로 변경하여 무료로 사용해 보는 것이 좋습니다 ([wiki] (https://github.com/free-jqgrid/jqGrid/wiki/Access-free-jqGrid-from-different-CDNs)를 참조하십시오.)). 그런데 ** footer **가 호출기의 위 *에 있기 때문에'.ui-jqgrid .ui-jqgrid-sdiv .frowrow {height : 55px}'는 당신을 도울 수 없습니다. – Oleg

당신이 오래된 jqGrid를 사용해야 ** ** 새로운 jqGrid 버전으로 업그레이드 할 수없는 경우에만'.ui-jqgrid> .ui-jqgrid-pager {height : 자동; 최소 높이 : 25px; 글꼴 크기 : 14px; }'또는'.ui-jqgrid> .ui-jqgrid-pager'의 높이를 단지 호출기 전체에서'font-size'를 늘리지 않고 늘리십시오. '.ui-jqgrid .ui-pg-input'의 높이를 높이기 위해서 필요합니다. 예를 들면'.ui-jqgrid .ui-pg-input {height : 16px; 글꼴 크기 : 14px; }' – Oleg

올레그 죄송합니다. 다음은 버전입니다. jQuery JavaScript 라이브러리 v1.12.4 jQuery UI - v1.12.0 - 2016-08-16 jqGrid by Trirand v4.4.4 – Nathon

이

$(pager_id).css({"height":"55px"});

출처

2016-08-18 15:54:30 edbird88

부분적으로 작동되는 edbird88입니다. 바닥 글은 이제 더 커지지 만 현재 페이지 번호를 보유하고있는 것과 같은 컨트롤은 더 크지 않습니다. 이것은 페이지 번호가 아직 끊어져 있음을 의미합니다. – Nathon

모두에게 감사드립니다! 나를 올바른 길로 가게했다. 궁극적으로 이것이 나를 위해 해결 한 것입니다. custom.css를 업데이트하여 다음 내용을 포함합니다. .ui-있는 jqGrid, .ui-있는 jqGrid .ui-있는 jqGrid 시청, .ui-있는 jqGrid .ui-있는 jqGrid 페이저, .ui-있는 jqGrid .ui-PG 입력 { 폰트 사이즈 : 14px; } .ui-jqgrid .ui-jqgrid-pager { \t 높이 : 25px; } .ui-jqgrid .ui-pg-input { \t 높이 : 22px; } – Nathon

jqGrid 바닥 글 높이 증가

답변

관련 문제