JSFiddle - React, Tailwind, and code Playground

by beneverard

HTML

<!-- load jquery + jqpagination here -->
<!-- prototype is loaded on the left -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://raw.github.com/beneverard/jqPagination/master/js/jquery.jqpagination.js"></script>

<div class="pagination">
    <a href="#" class="first" data-action="first">&laquo;</a>
    <a href="#" class="previous" data-action="previous">&lsaquo;</a>
    <input type="text" readonly="readonly" data-max-page="40" />
    <a href="#" class="next" data-action="next">&rsaquo;</a>
    <a href="#" class="last" data-action="last">&raquo;</a>
</div>

JavaScript

$(document).ready(function() {
    
    $('.pagination').jqPagination();

});