Web 용 Grid 목록

작업 중 그리드가 필요 해서 몇가지 선별 작업을 해보았습니다.  과거에 무료이던 제품들이 유료로 변경이 된 것도 있고 무료이지만 쓸만한 것도 있지만 그래도 유료를 따라가지는 못하는 것 같습니다.  물론 유료이지만 무료버전을 제공하고 있는 제품도 있고 Angular, React, Vue와 쉬운 연계를 할 수 있도록 지원을 하는 제품들도 늘어나고 있습니다.

 

 

RealGrid

 

데모 : http://demo.realgrid.com/

유료, 국산 : https://www.realgrid.com/#license

 

그리드로 해야하는 모든 기능 구현이 가능 한것 같습니다.

행/열 고정

컬럼 이동

데이터 정렬(Sorting)

데이터 필터링(Filtering)

Array / JSON / XML / CSV 데이타 가져오기

그리드에 값 넣기

새로운 행 추가/삭제

그리드 행 숨기기

기능이 너무 많음... 생략.

 

다른 제품들도 주요 기능은 생략합니다.  대부분 사이트에 접속하면 좌측에 기능 리스트들이 있습니다.

하이차드와 연동이 됩니다.

Ubi Report / Crownix Report / OZ리포트와 연동이 됩니다.

 

딱 한국인의 입맛에 적합한 제품입니다.  돈이 있으면 이걸 구매하고 싶은데 소규모 회사에서 구매 하기에는 비싸군요.

 

 

jqGrid

 

데모 : http://www.guriddo.net/demo/bootstrap/

유료 : http://guriddo.net/?page_id=103334

 

사용빈도가 높았던 것 같은데 오랜만에 찾아보니 무료에서 유료로 변경이 되었습니다. 컬럼 이동, 엑셀 저장 등을 포함 대부분의 기능이 구현 가능 합니다.

 

AUI Grid

 

데모 : http://www.auisoft.net/demo/auigrid/index.html

유료 국산 : http://www.auisoft.net/price.html

 

컬럼 이동, 엑셀, PDF 저장등을 포함 대부분의 기능이 구현 가능 합니다.  역시 국산이 좀더 화려하게 만들어진 것 같습니다. 

 

PQGrid

 

데모 : https://paramquery.com/pro/demos

유료 : https://paramquery.com/pro/download

 

컬럼 이동, 엑셀 저장등을 포함 대부분의 기능이 구현 가능 합니다.  마우스 이용 컬럼 폭 조정은 마음에 안드네요.

rMate Grid

 

데모 URL : http://demo.riamore.net/HTML5demo/grid/index.html

유료 국산 : http://www.riamore.net/buy/license.html#

 

그리드로 해야하는 모든 기능 구현이 가능 한것 같습니다. 

 

TOAST UI Grid

 

데모 : https://nhn.github.io/tui.grid/latest/tutorial-example14-tree

무료

 

NHN에서 만들었고 많은 기능이 있는데 컬럼 이동 기능은 없는 것 같고 엑셀 저장이 아닌 복사후 붙여 넣기 기능이 있습니다.  엑셀저장 기능이 진짜 없는 건가? 전 못찾았네요.  이걸 사용하려고 했었는데 아쉽네요.

 

ax5ui-grid

 

데모 : https://ax5.io/ax5ui-grid/demo/19-header-page-display.html

무료

 

컬럼 이동이 안 되는 것을 제외하고는 일반적인 기능은 모두 있는 것 같습니다.  개인적으로는 무료를 사용해야 한다면 toast와 이걸 추천 합니다.  대신 많은 레퍼런스가 아직은 부족 한듯 합니다.

대충 보긴 했는데 어설픈 유료를 구매하기 보단 잘 만든 무료가 개발 시간을 단축 시킬 것 같습니다.

 

그외 제품들

 

물론 더 좋은 lib가 많겠지만 저는 위에 있는 것 중 하나를 선택하면 될 것 같고 아닌 분들은 아래 리스트와 인터넷에서 좀더 검색하시면 좀더 많은 자료를 찾을 수 있습니다.

 

jsGrid

데모 : http://js-grid.com/demos/

무료

 

DataTables

데모 : https://datatables.net/examples/index

유료 : https://datatables.net/purchase/index

 

 

jqxGrid

많은 widget들 중 하나

데모 : https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm

유료 : https://www.jqwidgets.com/license/

 

 

Kendo UI

 

데모 : https://demos.telerik.com/kendo-ui/grid/index

유료 : https://www.telerik.com/purchase/kendo-ui

 

 

ag-Grid

 

데모 : https://www.ag-grid.com/example.php#/

유료 : https://www.ag-grid.com/license-pricing.php