HTML 테이블에 많은 양의 데이터 표시를위한 디자인 아이디어

Question

문자 그대로 30 열의 데이터를 가지고있는 HTML 테이블이 있으며, 왼쪽/오른쪽 스크롤없이 볼 수있는 방식으로 프레임에 빠지는 데 어려움을 겪고 있습니다.

내가 궁금한 한 가지는 누군가가 열 헤더가있는 영리한 것을 본 적이 있다면? 그들 중 일부는 충분히 저하 될 수는 없지만 열 헤더는 "인터뷰"와 같은 것이며 값은 숫자입니다 (헤더만을위한 많은 낭비 공간). 물론, 나는 int 또는 무엇이든이 열을 시도하고 이름을 지정할 수 있지만, 비슷한 이름의 열이 혼란스러워 질 수 있습니다.

마우스 움직임을 기반으로 한 종류의 자동 붕괴 기둥일까요? 확실하지 않습니다.이 데이터를 표시하는 방법에 대한 창의적인 제안이 필요합니다!

Answer 1

아마도 사용자는 스크롤링에 관계없이 30 개의 데이터 열을 이해하는 데 시간의 악마를 가질 것입니다.

가장 기본적인 열 (이름, 설명, 숫자 식별, 핵심 물건, 10 개 이하만이 있으면)을 표시 한 다음 사용자가 필요한 열을 켜거나 끄는 것이 좋습니다. 조금 비슷합니다 Google 제곱.

jQuery와 CSS를 사용하여 깨끗한 방식으로이를 달성하십시오. 이 작업을 수행하는 JavaScript UI 라이브러리도있을 수 있습니다 (JQuery UI, Yui, Others ...)

Answer 2

열 이름에 대한 이미지를 만들고 이미지 90도에서 텍스트를 회전시킵니다. 그런 다음 너비가 똑같이 긴 이름을 가질 수 있습니다.

조롱

Answer 3

나는 사나운 열의 답변에 동의하는 것이 좋습니다. 또한 데이터에 따라 몇 개의 열만 표시되는 것이 좋습니다. 사용자가 관심있는 행을 클릭하면 해당 레코드의 데이터 전용 새 페이지로 이동합니다. 이것은 일부 유형의 데이터에 대해 작동하지만 다른 유형의 데이터에 대해서는 작동하지 않습니다.