[javascript/jquery] datatable.js 소개 및 사용법

[javascript/jquery] datatable.js 소개 및 사용법

 

 

jquery 플러그인들 중에서

 

테이블 형식을 제공하고, 정렬 페이징 등등 이 쉽게 가능한

 

datatable 플러그인이라는게 있습니다.

 

우선 아래 css 와 js 를 로드하고

cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css

cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js

 

아래 내용처럼 적용시킬 타겟 아이디 혹은 클래스 등을 입력해서 동작시켜 주면 됩니다.

$(document).ready( function () {  
$('#myTable').DataTable();  
} );  

 

.DataTable 안에 옵션들 및 데이터들을 주어

 

적용하고 활용도 가능하니 참고들하세요!

 

공식사이트 링크 첨부하겠습니다!

 

들어가셔서 한번씩 보시고 사용하시면 됩니다!

 

참고들 하세요!

 

DataTable 공식 사이트 : datatables.net/

DataTables | Table plug-in for jQuery