Pagination

Be aware that we're planning on integrating datatables across our software which will take care of pagination.

Pagination allows you to organise a long data-grid into 'pages'.

See the Pen 905a684f0d1ba24e2b855fad74d79513 by Paul Stanton (@stanton) on CodePen.

The previous and next links should always be visible, but disabled if they're not applicable (if the user is on the first/last page).

Markup example (there are no helpers for pagination):

<div class="pagination">
    <ul class="pull-left"><!--
        --><li class="is-disabled"><a href="#"><i class="icon-double-angle-left"></i> Previous</a></li><!--
        --><li><a href="#">1</a></li><!--
        --><li class="selected"><a href="#">2</a></li><!--
        --><li><a href="#">3</a></li><!--
        --><li><a href="#">4</a></li><!--
        --><li><a href="#">5</a></li><!--
        --><li><a href="#">Next <i class="icon-double-angle-right"></i></a></li><!--
    --></ul>
</div>

results matching ""

    No results matching ""