Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
143361 | Mar 15,2019 04:31 PM UTC | Jul 11,2019 10:16 AM UTC | JavaScript - EJ 2 | 3 |
![]() |
Tags: Grid |
<style>
// pager back ground
.e-grid .e-pager,.e-grid .e-pager .e-pagercontainer,.e-grid .e-pager .e-pagercontainer *{
background-color:lightblue;
}
// current selected page item
.e-grid .e-pager .e-currentitem, .e-pager .e-currentitem:hover{
background-color:blue;
}
</style> |
Hi Travis,Thanks for contacting Syncfusion support.You can achieve your requirement by adding custom CSS for pager element. Please refer to the below code example, documentation link and sample link for more information.[style.css]
<style>// pager back ground.e-grid .e-pager,.e-grid .e-pager .e-pagercontainer,.e-grid .e-pager .e-pagercontainer *{background-color:lightblue;}// current selected page item.e-grid .e-pager .e-currentitem, .e-pager .e-currentitem:hover{background-color:blue;}</style>Please get back to us for further assistance.Regards,Pavithra S.
I have the same problem as Travis.
I just tested the code above. It did not work.
I would like to change the button color.
I use the code below:
<ejs-grid[dataSource]='data' [allowPaging]="true" [allowSorting]="true" [pageSettings]="pageSettings"
>
<e-columns>
<e-column></e-column>
</e-columns>
</ejs-grid>
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.