How to avoid blurred image in the GridImageColumn while filtering or scrolling the SfDataGrid?

The images loaded to the GridImageColumn looks blurred while filtering, scrolling, or refreshing the SfDataGrid. Here, the GridCell that is loaded to the view has blurred images since the SfDataGrid uses the VirtualizaionMode as recycling, by default.

Note: The same scenario is discussed in the MSDN link.

You can overcome this by customizing the cell style of the GridImageColumn with the target type as GridCell and set the CacheMode as the BitmapCache. This is demonstrated in the following code example.

XAML

Sample Links:

WinRT

WP

UWP