JqGrid 가로 스콜 링이있는 세로 스크롤 추가

Question

jqGrid는 환상적인 기능을 제공하지만 내 고객이 계속 불만을 표시하는 기능이 하나만 있습니다. (확인, 사용자가 얻은 것에 만족하지 않습니다.) 올바른 수직 및 수평 스크롤링. 필자가 설정해야하는 그리드에는 긴 열이 포함 된 약 20 개의 열이 포함되어 있으므로 그리드는 24 "화면에도 맞지 않습니다. 그리드와 나머지 비주얼 컴포넌트 (그리드 위의 추가 검색 및 필터 함수)를 적절하게 레이아웃하기 위해, 그리드를 화면 폭의 약 95 % 인 스크롤 div로 이동 시켰습니다. 해결 방법의 문제점은 그리드 자체의 세로 스크롤 막대가 보이지 않는다는 것입니다. 맨 처음 오른쪽으로 스크롤하면 눈에 띄지 만 실제로는 그렇게 편안하지 않습니다. 희망 사항을 이해할 수 있기를 바랍니다. 누군가가 좋은 해결책을 알고 있다면, 나는 그것을 알고 싶어 할 것입니다! 그렇지 않으면 "이중 스크롤 그리드"가 4.5의 멋진 기능이 될 것입니다. 감사합니다.

비디오 예를 http://screencast.com/t/gPdOVPQlRc

Answer 1

있는 jqGrid는 많은 많은 옵션이 있습니다. jqGrid를 사용하면 문제가 될 수 있습니다. 많은 열이있는 눈금이 다른 방식으로 표시 될 수 있습니다.

한 가지 방법은 페이지 전체 격자를 표시하고 브라우저 창의 스크롤 막대를 사용하는 것입니다. 당신이 간단한 페이지 레이아웃을 가지고 있다면 그 길은 정말로 최고 일 것입니다.

또 다른 방법은 shrinkToFit: false 옵션을 사용할 수 있습니다. 이 경우 열의 정확한 폭 값을 colModel에 지정해야합니다. shrinkToFit: false 옵션을 사용하는 경우 width 옵션을 jqGrid로 설정할 수 있습니다. 이 경우, 수평 스크롤 바가 jqGrid에 배치됩니다.

많은 경우에 그리드가 모든 사용자에게 항상 흥미로운 정보는 아닙니다. 그리드에 columnCooser을 제공하면 도움이 될 수 있습니다. 또한 사용자 환경 설정을 localStorage (the answer 및 another one 참조)에 저장할 수 있습니다. 사용자 경험을 향상시킬 수 있습니다.

그리드의 높이에 관해서는 글을 쓰지 않았지만, 일반적으로 height: "auto"의 사용은 좋은 결과를 만들어 냈습니다.