2011-01-25 3 views
1

웹 응용 프로그램에서 jqgrid을 사용하여 서버 측을 실행하는 페이징 및 정렬 기능이 내장되어 있으므로 검색 결과를 렌더링합니다. 우리는 이전에 Tablesorter을 사용했지만 클라이언트 측을 사용했기 때문에 사용 방법에 대해 제대로 작동하지 않았습니다.jqgrid, flexigrid 및 ingrid는 모두 왜 헤더와 데이터에 대해 별도의 테이블을 사용합니까?

우리는 프로젝트의 웹 디자이너 (테이블을위한 스타일을 만들었던 조직원을 떠난 사람)와 jqgrid에서 동일한 디자인을 사용하려고했습니다. 그것은 일종의 일이지만,별로는 아닙니다. 헤더 열과 데이터 열이 정렬되지 않는 문제가 있습니다. 우리는 CSS를 만지작 거리지만 작동하지 않는 것 같습니다. 때로는 스크롤 막대가 나타나기를 원하지 않을 때 나타납니다.

어쨌든 jqgrid는 열 머리글에 대해 하나의 테이블을 사용하고 데이터 자체에 대해 하나의 테이블을 사용하는 것으로 보입니다. 이 표는 각각 div 태그로 싸여 있습니다. FlexigridIngrid과 같은 몇 가지 대안을 살펴 보았지만 헤더와 데이터에 대해 별도의 테이블을 사용하는 동일한 방법을 사용합니다.

누군가이 접근 방식을 사용하는 이유를 설명 할 수 있다면 좋을 것입니다. 우리는 헤더에 태그의 행이 th이고 데이터가 td 인 대신 표준으로 사용할 수없는 이유가 궁금했습니다.

+0

열 머리글 정렬에 관심이있는 경우 http://stackoverflow.com/questions/3003187/jquery-jqgrid-how-to-set-alignment-of-grid-header-cells/3006853#3006853을 참조하십시오. – Oleg

+0

이 문제는 실제로 열에있는 텍스트의 정렬이 아니라 헤더 열과 데이터 열이 서로 정렬되어 있습니다. 예를 들어 세 번째 헤더가 두 번째 및 세 번째 데이터 열을 넘을 수 있습니다. – GiddyUpHorsey

+0

어쨌든 CSS를 조정하고 div에 각 데이터 값을 래핑하여 문제를 해결했습니다. 우리 디자이너는 jqgrid에 의해 생성 된 HTML과 CSS를 꽤 _get_하지 못했습니다. 내 질문에 여전히 불구하고, 왜 멀티 테이블 접근법은 앞서 언급 된 그리드 구성 요소에 의해 사용됩니까? – GiddyUpHorsey

답변

2

이러한 플러그인이 헤더와 데이터에 대해 별도의 테이블을 사용하는 이유는 고정 헤더 스크롤을 허용하는 것입니다. 내가 아는 한 동일한 테이블에 헤더와 데이터를 가질 수는 없지만 스크롤하는 동안 헤더를 맨 위에 고정하십시오.

또한 정렬 문제에 대해 가능한 한이 플러그인에는 모두 각 열을 원하는 너비를 설정할 수있는 설정이 포함되어있어 데이터와 머리글 열이 올바르게 정렬됩니다.

관련 문제