본문 바로가기
반응형

공부기록/라이브러리11

jquery dataTables vs. Tabulator 라이브러리 비교 자바스크립트 그리드 라이브러리 비교&추천 테이블과 데이터를 binding 해주는 라이브러리가 여러가지 있겠지만, 대표적으로 Jquery dataTables와 Tabulator 라이브러리가 많이 쓰이는 것 같다. 두 라이브러리 모두 테이블과 데이터를 쉽게 바인딩하여 쓸 수 있다는 장점이 있다. 하지만 약간씩 다르다는 점에서 무엇을 쓸지 굉-장히 고민이 되는 부분이다. 그래서 비교해보려고 합니다~ Jquery dataTables (Editor)특징 위 사진을 보면 아시겠지만 popup창으로 데이터를 생성/수정할 수 있다. 물론 간단하게 행으로 생성/수정 삭제도 가능하다. 하지만 데이터 종류가 많을 경우 행으로 입력하는 게 힘들다. 그래서 이런 기능을 지원하는게 정말 강력하다고 본다. 하지만 가장 큰 단점은 .. 2021. 7. 16.
[Jquery dataTables] 라이브러리 - 체크박스로 전체선택 기능 구현 2021.07.15 - [공부기록/JQUERY] - [Jquery DataTables] 라이브러리 기본 사용법 [Jquery DataTables] 라이브러리 기본 사용법 [스프링 부트/RestController] 원격에서 data를 받아와서 테이블에 출력시키는 기능을 구현하고자 한다. jquery datatables library는 테이블과 데이터를 쉽게 binding하여 구현할 수 있게 도와준다. 공식홈페 amikim5263.tistory.com 기본 사용법은 위 포스트에서~ [스프링 부트/RestController] 이번 포스트에선 첫 번째 컬럼에 체크박스를 삽입하고 theader의 체크박스 선택시 전체 선택되는 기능에 대하여 써본다. 기본적으로 jquery, datatables 등 css, js를 .. 2021. 7. 15.
[Jquery DataTables] 라이브러리 기본 사용법 자바스크립트 grid 라이브러리인 DateTables 기본 사용법 [스프링 부트/RestController] 원격에서 data를 받아와서 테이블에 출력시키는 기능을 구현하고자 한다. jquery datatables library는 테이블과 데이터를 쉽게 binding하여 구현할 수 있게 도와준다. 공식홈페이지에 예시도 잘 나와있고, 포럼도 활성화되어있어서 쉽게 사용할 수 있다. 기본적으로 jquery, datatables 등 css, js를 추가한다. 필수로 jquery와 jquery.dataTables를 삽입한다. 정확한 원인은 모르겠는데 dataTables 다큐멘테이션에서 사용하는 기본 사용법으로 데이터가 안 불러 와져서(추측상 원격에서 데이터를 불러와서 그런 것 같음) 위와 같이 사용했다. ajax.. 2021. 7. 15.
728x90
반응형