JAY DESIGN

Paging

기본페이징

처음 이전 1 2 3 4 5 다음 마지막

<div class="paging">
    <a href="#" class="paging__btn icon-first disable">처음</a>
    <a href="#" class="paging__btn icon-prev disable">이전</a>
    <a href="#">1</a>
    <a href="#">2</a>
    <a href="#" class="on">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
    <a href="#" class="paging__btn icon-next">다음</a>
    <a href="#" class="paging__btn icon-last">마지막</a>
</div>

페이징 심플

처음 이전 1 2 3 4 5 다음 마지막

<div class="paging--simple">
    <a href="#" class="paging__btn icon-first disable">처음</a>
    <a href="#" class="paging__btn icon-prev disable">이전</a>
    <a href="#">1</a>
    <a href="#">2</a>
    <a href="#" class="on">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
    <a href="#" class="paging__btn icon-next">다음</a>
    <a href="#" class="paging__btn icon-last">마지막</a>
</div>