자바스크립트 그리드 라이브러리 비교&추천
테이블과 데이터를 binding 해주는 라이브러리가 여러가지 있겠지만, 대표적으로 Jquery dataTables와 Tabulator 라이브러리가 많이 쓰이는 것 같다.
두 라이브러리 모두 테이블과 데이터를 쉽게 바인딩하여 쓸 수 있다는 장점이 있다. 하지만 약간씩 다르다는 점에서 무엇을 쓸지 굉-장히 고민이 되는 부분이다. 그래서 비교해보려고 합니다~
Jquery dataTables (Editor)특징
위 사진을 보면 아시겠지만 popup창으로 데이터를 생성/수정할 수 있다. 물론 간단하게 행으로 생성/수정 삭제도 가능하다. 하지만 데이터 종류가 많을 경우 행으로 입력하는 게 힘들다.
그래서 이런 기능을 지원하는게 정말 강력하다고 본다. 하지만 가장 큰 단점은 유료라는거!
Jquery dataTables 라이브러리는 무료지만 여기엔 생성/수정/삭제 기능이 없.다.
그래서 Jquery dataTables Editor 라이브러리를 사용해봤는데 너-무 편했다. 하지만 trial 기간이 끝나 슬픔... 유료는 개발자당 $119 입니다.
그래서 찾아나선 무료 라이브러리가 바로 Tabulator이다.
Tablulator의 특징: 전부 무료
하지만 jquery dataTables과 비교했을 때의 단점 딱 한 가지가 있다면, 위와 같이 팝업으로 데이터를 생성, 수정하는 기능이 없다는 것이다. 물론 행으로 생성, 수정, 삭제 기능은 지원한다.
그래도 너무 슬퍼할 건 없는 게 팝업을 직접 만들고 Tabulator가 지원하는 callback 함수 기능들을 이용하면 구현할 수 있을 것 같다는 점... ?
나중에 구현하고 나면 다시 포스팅하겠습니다.
'공부기록 > 라이브러리' 카테고리의 다른 글
[Tabulator] 등록 버튼 + 입력 폼 + 팝업 + 행 추가 (0) | 2021.07.18 |
---|---|
[Tabulator] 라이브러리 옵션들(반응형 레이아웃, 아이콘 사용) (0) | 2021.07.18 |
[Tabulator] 사용법(자바스크립트 그리드 라이브러리) (0) | 2021.07.17 |
[Jquery dataTables] 라이브러리 - 체크박스로 전체선택 기능 구현 (0) | 2021.07.15 |
[Jquery DataTables] 라이브러리 기본 사용법 (0) | 2021.07.15 |