Tabulator - 사용하기 쉽고, 코딩이 간단하며, 모든 기능을 갖춘 대화형 자바스크립트 테이블 및 데이터 그리드

Tabulator

사용하기 쉽고, 코딩이 간단하며, 모든 기능을 갖춘 대화형 자바스크립트 테이블 및 데이터 그리드

 

github 링크

olifolkerd/tabulator: Interactive Tables and Data Grids for JavaScript (github.com)

GitHub - olifolkerd/tabulator: Interactive Tables and Data Grids for JavaScript

 

공식 홈페이지

Tabulator | JavaScript Tables & Data Grids

Tabulator - Interactive JavaScript Tables

 

기능

Tabulator를 사용하면 HTML 테이블, 자바스크립트 배열 또는 JSON 형식의 데이터에서 몇 초 만에 대화형 테이블을 만들 수 있습니다.
프로젝트에 라이브러리와 CSS를 포함하기만 하면 끝입니다!
Tabulator는 다음과 같은 유용한 기능으로 가득합니다:

 

설치

표 작성기 설정은 이보다 더 간단할 수 없습니다.
라이브러리와 CSS를 포함하세요.

<link href="dist/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="dist/js/tabulator.min.js"></script>

 

테이블을 고정할 요소 만들기

<div id="example-table"></div>

 

간단한 자바스크립트를 사용하여 요소를 표로 변환하세요.

var table = new Tabulator("#example-table", {});