I am using kendo grid to display data with AngularJS which uses serve pagination.
Currently it uses the existing icons provided by kendo for first page, last page, previous and next page icons.
I need to update the icons as per the below image.
I am able to update icon for previous (k-i-arrow-chevron-left) and next page (k-i-arrow-chevron-right), but I am unable to update for first page and last page icons.
Also currently it just shows the current page number as per below image.
But I need current page along with total number of page available between the icons as mentioned in first image.
Please let me know how to achieve the above mentioned points.