A Jquery.Datatables pagination plugin
Use by:
<script type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript" src="dataTables.page_arrows.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#example').dataTable( {
"pagingType": "page_arrows"
} );
} );
</script>
Change the Divider (Thing between the current-pagenumber and the total page-number) by:
$('#example').dataTable( {
"pagingType": "page_arrows",
language: {
"oPaginate": {
"sDivider": "||",
}
}
} );
To use Font Awesome flashes:
$('#example').dataTable( {
"pagingType": "page_arrows",
language: {
"oPaginate": {
"sFirst": '\uf053',
"sPrevious": '\uf053',
"sNext": '\uf054',
"sLast": '\uf054',
"sDivider": "/",
}
}
} );
And in CSS:
.dataTables_paginate a{
font-family: FontAwesome;
}
Make Shure to have loaded Font-Awesome!