반응형 분류 전체보기86 [Tabulator] 라이브러리 옵션들(반응형 레이아웃, 아이콘 사용) 2021.07.17 - [공부기록/JQUERY] - [Tabulator] 사용법(데이터&테이블 바인딩 라이브러리) 기본적인 사용법은 위 포스트 참조~ 이번 포스트에서는 몇가지 옵션에 대해 소개하고자 한다. [1] 반응형 레이아웃 아래 사진을 보면 좌측에 [-] 아이콘을 누르면 상세내역이 접히고, [+]아이콘과 함께 테이블이 보여진다. [2] 아이콘 삽입 우측에 수정, 삭제 아이콘 추가 [1] 반응형 레이아웃 var editorIcon = function(cell, formatterParams, onRendered) { return ""; } var deleteIcon = function(cell, formatterParams, onRendered) { return ""; } var table = new .. 2021. 7. 18. [Tabulator] 사용법(자바스크립트 그리드 라이브러리) 자바스크립트 grid 라이브러리 - Tabulator http://tabulator.info Tabulator - Interactive JavaScript Tables Create interactive data tables in seconds with Tabulator. A lightweight, fully featured JavaScript table generation library. tabulator.info 간단하게 소개하자면 HTML 테이블과 js array, ajax data source, json 데이터를 테이블로 만들어주는 라이브러리입니다. 가장 훌륭한 점은 무료라는 거쥬! 예제와 doc이 잘 정리되어 있으니 사실 이것만 보고도 잘 사용할 수 있다. 반드시 필요한 js와 css " targ.. 2021. 7. 17. 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. 이전 1 ··· 12 13 14 15 16 17 18 ··· 22 다음 728x90 반응형
