JSFiddle - React, Tailwind, and code Playground

by hamix

HTML

<a class="paginate_button next" id="myTable_next" tabindex="0" data-dt-idx="1" aria-controls="myTable">Next</a>

<a class="paginate_button previous disabled" id="MyTable_previous" tabindex="0" data-dt-idx="1" aria-controls="myTable">Previous</a>

CSS

.paginate_button{
box-sizing: border-box;
cursor: pointer;
*cursor: hand;
color: #333333 !important;
border: 1px solid transparent;
}
.paginate_button .next{
float: right;
}

.paginate_button .previous{
float: left;
}

.paginate_button .next,.disabled{
visibility: hidden;
}

.paginate_button .previous,.disabled{
visibility: hidden;
}