You can use this Paginator Component, which I designed with Vue.js, with "Grid, Table and DataView" data types by including it in any project you want.
You can replace "Data" with the data you want, write HTML according to the data type you will use, and correct the CSS to make it suitable for you. Paginator will calculate the number of pages for you as long as your data is an Array, display as many products as you want and sort them according to the index order in the Array. When using it, you need to replace the Id of your data with the "index" under the Id column in the HTML section.
Vue.js ile tasarladığım bu Paginator Component'ini istediğiniz projeye dahil edilerek "Grid, Table ve DataView" veri tipleri ile kullanabilirsiniz.
Data yerine istediğiniz veriyi verip, kullanacağınız veri tipine göre HTML yazıp, CSS'i düzelterek kendinize uygun hale getirebilirsiniz. Paginator sizin için veriniz Array olduğu sürece sayfa sayısını hesaplayacak, istediğiniz kadar ürünü ekrana getirecek ve Array'deki index sırasına göre sıralayacaktır. Kullanırken verinizin Id sini HTML kısmındaki Id sütununun altındaki index ile yer değiştirmeniz gerekiyor.
