Pagination in data grid

HI, I making a grid with using data grid in my desktop Modular.Data grid  gives by default functionality of pagination & shorting.But We cant click on next or previous page because its disabled.I don’t use rest API data there.I add only my local data.So i want to implement pagination on there. I want to modify pagination buttons.I searched a lot but i didn’t found anything.So any one have  idea about that please share with me.
2 answers

Hi Disha,

The pagination button will be disabled if there is nothing to show in next page. For example assume you configured data grid to show 10 records / rows on each page, if you only have 10 records in your database then the pagination buttons will be disabled. As soon as you have 11 records then the pagination next button will be enabled automatically. 

If you want to change the look and feel of pagination buttons then you need to add custom styles in your SASS and compile it to css using Calypso. Have a look at this forum post to see an example on how to add custom styles. You can also go through Style your App with CSS learning path if you want to learn further.  

Hope this helps and makes sense!   


Hi ,
data is there i am sharing screen shot and i am not select 10 records kind of.