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

How to set the RowHeight to a specific row?

Platform: UWP |
Control: SfDataGrid

SfDataGrid allows you to set the RowHeight to specific row by using VisualContainer.RowHeights property.

The following code example explains how to set the RowHeight to a specific row.


using Syncfusion.UI.Xaml.Grid.Helpers;
this.sfdatagrid.Loaded += sfdatagrid_Loaded; //Event Hooking
void sfdatagrid_Loaded(object sender, RoutedEventArgs e)
    var VisualContainer = this.sfdatagrid.GetVisualContainer();
    //Set RowHeight to 2'nd row
    VisualContainer.RowHeights[2] = 50;


You can also use QueryRowHeight event to set the row height for a specific row. Refer to the following code example for the QueryRowHeight event.


this.sfdatagrid.QueryRowHeight += sfdatagrid_QueryRowHeight; //Event Hooking
void sfdatagrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e)
    if (e.RowIndex == 2) //Set RowHeight to 2'nd row.
        e.Height = 50;
        e.Handled = true;



Use QueryRowHeight event only when you want to change the height for all rows based on certain conditions.


The following screenshot displays the output for setting RowHeight as 50 to a specific row.

setting RowHeight as 50 to a specific row.

Sample Links





2X faster development

The ultimate UWP UI toolkit to boost your development speed.
You must log in to leave a comment

Please sign in to access our KB

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

Up arrow icon

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