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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

DataGrid Row Background Change on Hover

Thread ID:





150084 Dec 19,2019 05:14 PM UTC Dec 24,2019 09:36 AM UTC Xamarin.Forms 3
Tags: SfDataGrid
Asked On December 19, 2019 05:14 PM UTC


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

Karthikraja Kalaimani [Syncfusion]
Replied On 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 

Replied On December 23, 2019 03:27 PM UTC

Works perfectly! 


Farjana Parveen Ayubb [Syncfusion]
Replied On 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 


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon