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

DataGrid Row Background Change on Hover


On the DataGrid, in UWP, we need to have the background of a row changed when the mouse hovers over the row and also on mouse button down.

How can we achieve this?

Many thanks

3 Replies

KK Karthikraja Kalaimani Syncfusion Team December 20, 2019 11:47 AM UTC

Hi MicroTeq,

Thanks for contacting Syncfusion support.

Your requirement can be achieved by hosting the SfDataGrid to StackLayout and then we have to write customer renderer of the StackLayout to get Mouse Pointer value. Based on the Mouse Pointer value we can set the Row Background color. For more details please follow the below-attached sample.

Sample link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataGrid_Demo2-1769751575.zip
Video link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Video-1405201917.zip

We hope this helps, please let us know if need further assistance from us.

Karthik Raja 

MI microteq December 23, 2019 03:27 PM UTC

Works perfectly! 


FP Farjana Parveen Ayubb Syncfusion Team December 24, 2019 09:36 AM UTC

Hi MicroTeq, 
Thanks for the update. 
We are glad to know that the reported problem has been resolved at your end. Please let us know if you have any further queries on this. We are happy to help you. 
Farjana Parveen A 

Live Chat Icon For mobile
Up arrow icon