jquery ajax 테이블 정렬 오름차순, 내림차순 적용
페이지 정보
작성자 서방님 댓글 0건 조회 389회 작성일 14-01-09 14:19본문
예제 : http://sianasiatiger.cafe24.com/study/T_usetableArry.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Siana.siatiger's Garden :: Study Page :: </title>
<script src="../js/jquery-1.3.2.min.js"></script>
<script src="ajax_part/table_array.js" type="text/javascript"></script>
<style type="text/css">
.clickable {cursor: pointer;}
.hover {text-decoration: underline;}
table{text-align:left;}
th{ background:#F90;}
.odd{ background: #FFC;}
.even{ background: #FF9;}
</style>
</head>
<body>
<h1>jquery ajax 테이블 정렬 오름차순, 내림차순 적용</h1>
<table class="sortable paginated">
<caption>베스트셀러</caption>
<thead>
<tr>
<th></th>
<th class="sorting">순위</th>
<th class="sorting">책제목</th>
<th class="sorting">저자</th>
<th class="sort-date">출판사</th>
<th class="sorting">가격</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="http://bookthumb.phinf.naver.net/cover/061/864/06186469.jpg?type=m1" /></td>
<td>1</td>
<td>덕혜옹주</td>
<td>권비영</td>
<td>다산책방</td>
<td>11,800원</td>
</tr>
<tr>
<td><img src="http://bookthumb.phinf.naver.net/cover/062/277/06227737.jpg?type=m1" /></td>
<td>2</td>
<td>삼성을 생각한다</td>
<td>김용철</td>
<td>사회평론</td>
<td>22,000원</td>
</tr>
<tr>
<td><img src="http://bookthumb.phinf.naver.net/cover/061/962/06196209.jpg?type=m1" /></td>
<td>3</td>
<td>죽을 때 후회하는 스물다섯 가지</td>
<td>오츠 슈이치</td>
<td>21세기북스</td>
<td>12,000원</td>
</tr>
<tr>
<td><img src="http://bookthumb.phinf.naver.net/cover/062/123/06212320.jpg?type=m1" /></td>
<td>4</td>
<td>시크릿 두 번째 이야기</td>
<td>폴 해링턴</td>
<td>살림</td>
<td>12,000원</td>
</tr>
<tr>
<td><img src="http://bookthumb.phinf.naver.net/cover/060/537/06053729.jpg?type=m1" /></td>
<td>5</td>
<td>1Q84</td>
<td>무라카미 하루키</td>
<td>문학동네</td>
<td>14,800원</td>
</tr>
</tbody>
</table>
</body>
</html>
첨부파일
- table_array.js (1.7K) 33회 다운로드 | DATE : 2014-01-09 14:19:00
댓글목록
등록된 댓글이 없습니다.
