0
필자는 그리드 하단에 몇 개의 버튼이 있으며, 모바일 디바이스에서는 페이징 버튼을 방해합니다.jqGrid - navButton을 표의 캡션/제목 표시 줄에 넣을 수 있습니까?
격자의 캡션/제목 표시 줄이 꽤 비어 있기 때문에 격자 캡션/제목 표시 줄의 오른쪽에 단추를 배치 할 수있는 구성 옵션이 있는지 궁금합니다.
필자는 그리드 하단에 몇 개의 버튼이 있으며, 모바일 디바이스에서는 페이징 버튼을 방해합니다.jqGrid - navButton을 표의 캡션/제목 표시 줄에 넣을 수 있습니까?
격자의 캡션/제목 표시 줄이 꽤 비어 있기 때문에 격자 캡션/제목 표시 줄의 오른쪽에 단추를 배치 할 수있는 구성 옵션이 있는지 궁금합니다.
내가 원하는 것을 정확히 이해하면 pager: true
대신 (또는 함께) toppager: true
을 사용해야합니다. 그런데 caption
매개 변수 jqGrid를 제거하여 표가없고 자막이 없어도됩니다. 결과적으로 그리드 위에 네비게이터 버튼이있는 그리드가 생깁니다.
업데이트 : 당신은 병합에 pagerpos
및 recordpos
옵션을 사용할 수 있습니다 네비게이터 버튼, 호출기 정보와 블록 및 viewrecords: true
추가 정보와 함께 <span>
. 추가 CSS 규칙을 사용하여 정보를 더 잘 표시 할 수 있습니다. 예를 들어
.ui-pager-control>.ui-pg-table>tbody>tr>td>table.ui-pg-table {
display: inline-block;
top: .6em;
}
.ui-pager-control>.ui-pg-table>tbody>tr>td>.ui-paging-info {
display: inline-block;
float: right;
margin-top: 1.2em;
}
과 같은 CSS 규칙을 시도해 볼 수 있습니다. 나는 toppager로 시도했다. 그러나 이것은 단지 테이블 헤더 위의 새로운 바 (bar) 위에 버튼과 페이징을 복사하는 것이다. 제 경우에는 여러 개의 버튼이 있기 때문에 세로 모드에서 iPad와 같은 작은 화면에로드하면 버튼이 왼쪽 페이지와 오른쪽 버튼과 겹칩니다. 내가하고 싶은 것은 호출기와 같은 막대 대신 캡션/제목 표시 줄로 단추를 이동하는 것입니다. – MarkT
@MarkT : 나는 아직도 toppager의 사용법이 표준적인 방법이라는 것에 차이점이 없음을 안다. 상단 호출기의 다른 모든 문제점은 쉽게 해결할 수 있습니다. 예를 들어,'pagerLeftWidth'와'pagerRightWidth' 옵션을 사용하여 호출기의 특정 부분을 예약 할 수 있습니다. 'pagerLeftWidth : 680'과 같은 것을 그리드에 추가하십시오. 'viewrecords : true'를 제거하면 호출기에 장소를 저장하는 등의 작업을 할 수 있습니다. – Oleg
@ MarkT : 페이저에서 정보의 위치를 변경하기 위해'pagerpos'와'recordpos' 옵션을 사용할 수 있다는 것을 잊지 마십시오. 예를 들어'pagerpos : "left", recordpos : "left"'를 사용하여 호출기의 왼쪽 부분에 3 개의 정보 파트를 모두 배치 할 수 있습니다. 다른 CSS 속성 (예 :'display : inline-block;'등)을 사용하거나'div. 뒤에'span.ui-paging-info'와'table.ui-pg-table'의 순서를 바꿀 수 있습니다. 'jqGrid_toppager_left'의 "navtable"안에 있습니다. – Oleg