Pagination is a very common thing to do when it comes to displaying data or displaying large amount of data. Pagination also gives you the flexibility to load data page by page which eases the load on your backend.
<div class="col-9" id="pag_1">
<div class="pagination">
<a href="#">«</a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">»</a>
</div>
</div>
<style>
#pag_1 > .pagination {
display: inline-block;
}
#pag_1 > .pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
}
</style>