728x90
반응형
테이블을 그리는 것과는 별개로 pagination을 그리고 싶었다.
내가 적용한 실 사용 예제은 아래와 같다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
// simple pagenation 세팅
$('#light-pagination').pagination({
pages: 20, // 전체 페이지 수 (total pagination count)
cssStyle: 'light-theme',
useAnchors : false,
displayedPages : 5,
// pages가 이것보다 큰 경우 한번에 연속된 페이지 번호를 몇개를 보여줄지, 기본이 5
edges : 1,
// displayedPages 갯수를 넘어서는 경우 시작/끝 페이지 번호를 몇개를 표시할지
// (visible at the beginning/ending of the pagination)
currentPage : 1, // 시작시 선택할 페이지 번호
onPageClick : function(pageNumber, event) {
// 페이지 번호 클릭시 이벤트
// pageNumber : 클릭한 페이지 번호
},
});
// 검색으로 페이지수가 줄었을 경우 사용할만한 API
$('#light-pagination').pagination('setPagesCount', 15); // pages를 변경
$('#light-pagination').pagination('selectPage', 2); // currentPage를 변경
$('#light-pagination').pagination('redraw'); // 다시 그리기, setPagesCount 사용시 필요
|
cs |
자세한정보는 여기 참조.
728x90
반응형
'코딩 삽질' 카테고리의 다른 글
| [jquery] zTree plugin (tree view) (0) | 2021.04.29 |
|---|---|
| [java, spring] org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'objectMapper' (0) | 2021.04.29 |
| [spring, mybatis] mybatis unread (0) | 2021.04.10 |
| [IntelliJ] Gradle war 파일 생성 메모 (0) | 2021.04.10 |
| [oracle, mybatis] sequence 사용 (0) | 2021.04.10 |