We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Animate the Grid selected row in Angular Grid

In Xamarin SfDataGrid there is a method  protected override void SetSelectionAnimation(VirtualizingCellsControl rowElement) , Is there an equivalent in ej2 Grid ? Thank you.

1 Reply 1 reply marked as answer

RR Rajapandi Ravi Syncfusion Team July 30, 2020 06:50 AM

Hi Albert, 

Greetings from syncfusion support 

We have analyzed your query and we could see that you like to animate the Grid row like EJ1 Xamarin sf DataGrid. In our EJ2 Grid we don’t have the animation support but you can achieve your requirement by using the custom css. Please refer the below code example and sample for more information. 

    .e-grid .e-row .e-selectionbackground { 
  background: blue; 
  color: white; 
  -webkit-transition: background-color 2s ease-out; 
  -moz-transition: background-color 2s ease-out; 
  -o-transition: background-color 2s ease-out; 
  transition: background-color 2s ease-out; 

Rajapandi R 

Marked as answer
Live Chat Icon For mobile
Up arrow icon