웹 그리드

웹 그리드란

웹 그리드는 데이터를 받아 화면에 그리드 형태로 화면에 표시해주는 것입니다.
화면에 표시된 리스트를 엑셀처럼 데이터를 머지, 합계, 정렬 등의 작업을 할 수 있도록 해주는 UI
컴포넌트입니다. 또한, 각 OS, 브라우저(크로스 브라우징 지원)에 대응하고 라이브러리나 프레임워크와도 같이 호환하여 사용할 수 있습니다.

웹 그리드 지원

보통 웹 그리드는 복잡하고 다양한 기능을 가지고 있기 때문에 이에 대해 전문적으로 하는 개발자들이 모여
많은 회의와 설계, 리뷰, QA 작업을 통해 고객의 만족도를 높이고 사이드 이펙트가 발생하지 않도록 지원합니다.
이러한 웹 그리드는 이제 엑셀처럼 전범위 프로젝트 에서 사용하고 있으며, 지원팀들이 대기하여 그리드에 대한
지원을 꾸준하게 합니다.

다양한 기능

그리드를 사용하면서 가장 중요한 기능들이며, 그리드 솔루션의 대부분의 공통점입니다.

• 조회, 저장
• 편집 기능
• 소팅(정렬)
• 머지 기능
• 로우(행), 컬럼(열)의 추가, 삭제
• 연산, 포뮬러
• 대용량 데이터 처리
• 엑셀 기능
• 트리 기능
• 다양한 컬럼 타입
• 소계 기능

비고

대부분 그리드들은 전범위 프로젝트로 정말 많은 프로젝트에서 사용하고 있지만, 구조가 복잡하고 기능이 어렵지만,
그리드를 처음 쓰는 사용자들이 쉽게 사용할 수 있도록 매뉴얼, 교육, 기술지원을 하기 때문에 크게 걱정할
필요는 없습니다.
그리드 사용시 제일 중요한 부분인 성능, 버그 픽스, 지원이 얼만큼 되는지를 확인 후 사용하면 될 것 같습니다.
아래의 추천할 그리드 솔루션을 정리합니다.

IBSheet8 (유료)
https://www.ibsheet.com/v8/ibsheet/html/showcase.html

Wijmo (유료)
https://wijmo-js-demo.web.app/02-Grid


Real Grid (유료)
https://docs.realgrid.com/start/overview
 
ToastUI Grid (무료)
https://nhn.github.io/tui.grid/latest/tutorial-example01-basic