홈 편집

Grid

1. 23 오전 6:14

Grid는 표형태로 데이터를 표시해 주는 UI이다. Grid를 사용하는 이유는 헤더나 특정 컬럼을 고정한 채로 내용만 스크롤 할 수 있기 때문이다.

고려하고 있는 Grid는 다음과 같다.

Grid 선정 기준은

  • 무료이거나 부담되지 않는 가격일 것
    • 라이센스가 GPL, AGPL 등 이용하는 서비스도 GPL, AGPL 라이센스 적용이 의무화 되는 것은 제외
  • 다음 기능을 가지고 있을 것
    • 필수 기능
      • 헤더만 유지한 채 데이터 부분만 교체 API 제공
        • 이때, 데이터 교체로 인한 헤더의 너비 등이 바뀌지 말 것
      • 헤더를 고정한 채 데이터 영역만 스크롤. 단 수평 스크롤시에는 헤더도 같이 스크롤
    • 있으면 좋은 기능
      • 컬럼 너비 변경 UI 제공
        • 마우스 드래그로 컬럼 너비를 조절
        • 조절된 크기를 저장하여 향후 접근시 적용되는 기능 있으면 금상첨화
      • 그룹 헤더 지원.
        • table 태그로 치면 th에 colspan, rowspan이 적용된 헤더
      • 컬럼 고정 지원
        • 수평 스크롤시 지정한 컬럼 고정된 채 스크롤
  • 모양 수정이 용이할 것
    • 적용하는 서비스와 어울리는 디자인으로 변경하기 쉬울 것