Animate the Grid selected row in Angular Grid

[Albert K]

In Xamarin SfDataGrid there is a method 

protected

override

void

SetSelectionAnimation(VirtualizingCellsControl rowElement) ,  Is there an equivalent in ej2 Grid ?  Thank you.

[Rajapandi Ravi]

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. 

Index.html 

 

<style> 

    .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; 

} 

    </style> 

Sample: https://stackblitz.com/edit/angular-fa9eak?file=index.html 

Regards, 

Rajapandi R