본문 바로가기
공부기록/라이브러리

jquery dataTables vs. Tabulator 라이브러리 비교

by 책읽는 개발자 ami 2021. 7. 16.
728x90
반응형

자바스크립트 그리드 라이브러리 비교&추천

테이블과 데이터를 binding 해주는 라이브러리가 여러가지 있겠지만, 대표적으로 Jquery dataTablesTabulator 라이브러리가 많이 쓰이는 것 같다.

두 라이브러리 모두 테이블과 데이터를 쉽게 바인딩하여 쓸 수 있다는 장점이 있다. 하지만 약간씩 다르다는 점에서 무엇을 쓸지 굉-장히 고민이 되는 부분이다. 그래서 비교해보려고 합니다~

Jquery dataTables (Editor)특징

위 사진을 보면 아시겠지만 popup창으로 데이터를 생성/수정할 수 있다. 물론 간단하게 행으로 생성/수정 삭제도 가능하다. 하지만 데이터 종류가 많을 경우 행으로 입력하는 게 힘들다.

그래서 이런 기능을 지원하는게 정말 강력하다고 본다. 하지만 가장 큰 단점은 유료라는거! 

Jquery dataTables 라이브러리는 무료지만 여기엔 생성/수정/삭제 기능이 없.다.

그래서 Jquery dataTables Editor 라이브러리를 사용해봤는데 너-무 편했다. 하지만 trial 기간이 끝나 슬픔... 유료는 개발자당 $119 입니다.

그래서 찾아나선 무료 라이브러리가 바로 Tabulator이다.

Tablulator의 특징: 전부 무료

하지만 jquery dataTables과 비교했을 때의 단점 딱 한 가지가 있다면, 위와 같이 팝업으로 데이터를 생성, 수정하는 기능이 없다는 것이다. 물론 행으로 생성, 수정, 삭제 기능은 지원한다.

그래도 너무 슬퍼할 건 없는 게 팝업을 직접 만들고 Tabulator가 지원하는 callback 함수 기능들을 이용하면 구현할 수 있을 것 같다는 점... ?

나중에 구현하고 나면 다시 포스팅하겠습니다.

 

728x90
반응형