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 resize the column width and row height to client size in WinForms GridControl?

Platform: WinForms |
Control: GridControl
Tags: resizing

Resize the column width and row height

By default, the row height and column width are displayed in the GridControl in its default size. Therefore, when row count and column count is minimum than client size, the rows and columns are displayed as minimum and the remaining space is grayed. You can use the AllowProportionalColumnSizing property to set the column width as Client size. For more details, refer to this link: Resizing the Column width as Client size

Refer to the following screenshot.

Resize the row and column

Figure 1: Row and Column Resizing


You can resize the row height and column width as its client size, even when it is lesser than the client size by using two custom classes. You can use the following custom classes.

  • The GridColSizingHelper class includes the customization for column width resizing according to client size using QueryColWidth event.
  • The GridRowSizingHelper class includes the customization for row height resizing according to client size using QueryRowHeight event.


#region HelperClasses Variables
private GridColSizingHelper Helper1;
private GridRowSizingHelper Helper2;
public Form1()
   //Resizing the Column width to client size
   Helper1 = new GridColSizingHelper();
   //Resizing the Row Height to client size
   Helper2 = new GridRowSizingHelper();


#Region "HelperClasses Variables"
Private Helper1 As GridColSizingHelper
Private Helper2 As GridRowSizingHelper
#End Region
Public Sub New()
    'Resizing the Column width to client size
    Helper1 = New GridColSizingHelper()
    'Resizing the Row Height to client size
    Helper2 = New GridRowSizingHelper()
End Sub

GridColSizingHelper class customization


private void Model_QueryColWidth(object sender, GridRowColSizeEventArgs e)
   if(e.Index > grid.Model.Cols.HeaderCount)
     //Calculating the Client size
     this.clientsize  = grid.ClientSize.Width - grid.Model.ColWidths.GetTotal(0,     this.grid.Model.Cols.HeaderCount);
     //Setting the Column width
     e.Size = (int)clientsize / grid.Model.ColCount;
     e.Handled = true;


Private Sub Model_QueryColWidth(ByVal sender As Object, ByVal e As GridRowColSizeEventArgs)
   If (e.Index > grid.Model.Cols.HeaderCount) Then     'Calculating the Client size     Me.clientsize = (grid.ClientSize.Width - grid.Model.ColWidths.GetTotal(0, Me.grid.Model.Cols.HeaderCount))     'Setting the Column width     e.Size = (CType(clientsize,Integer) / grid.Model.ColCount)     e.Handled = true
   End If
End Sub

GridRowSizingHelper class customization


void Model_QueryRowHeight(object sender, GridRowColSizeEventArgs e)
   if (e.Index > grid.Model.Rows.HeaderCount)
      //Calculating the Client size
      this.clientsize = grid.ClientSize.Height - grid.Model.RowHeights.GetTotal(0,     this.grid.Model.Rows.HeaderCount);
      //Setting the Column width
      e.Size = (int)clientsize / grid.Model.RowCount;
      e.Handled = true;


Private Sub Model_QueryRowHeight(ByVal sender As Object, ByVal e As GridRowColSizeEventArgs)   If (e.Index > grid.Model.Rows.HeaderCount) Then       'Calculating the Client size        Me.clientsize = (grid.ClientSize.Height - grid.Model.RowHeights.GetTotal(0, Me.grid.Model.Rows.HeaderCount))        'Setting the Column width         e.Size = (CType(clientsize,Integer) / grid.Model.RowCount)         e.Handled = true
   End If
End Sub



For GridGroupingControl, you can resize the column width based on the client size by enabling the AllowProportionalColumnSizing property.



this.gridGroupingControl1.AllowProportionalColumnSizing = true;


Me.gridGroupingControl1.AllowProportionalColumnSizing = true;

The following screenshot illustrates the resized row height and column width of Grid.

Resized row height and column width of grid

Figure 2: Resized row height and column width of Grid


C#: Resizing_Column_and_Row_to_client_size-CS

VB: Resizing_Column_and_Row_to_client_size-VB

2X faster development

The ultimate WinForms 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