테이블을 간단하게 멋지게 ( datatables - Table Plug-in for jQuery )
☞ 테이블을 간단하게 멋지게 ( datatables - Table Plug-in for jQuery )
http://datatables.net
01. 두 개의 파일을 html 페이지 <head></head> 부분에 삽입
CSS : //cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css
JS : //cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js
ex) CDN
<link rel="stylesheet" href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css ">
<script src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
Server 설치시
<link rel="stylesheet" type="text/css" href="DataTables/datatables.min.css"/>
<script type="text/javascript" src="DataTables/datatables.min.js"></script>
다운로드 :
02. 아래의 function을 호출 - body에 삽입
$(document).ready( function () { $('#myTable').DataTable();} );ex) <script type="text/javascript">
$(document).ready( function () {
$('#myTable').DataTable(); } );</script>
#myTable - 꾸밀 테이블 id
Styling - table
