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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to set the height of GridGroupingControl through clientside ?

Platform: ASP.NET Web Forms (Classic) |
Control: GridGroupingControl |
Published Date: April 30, 2011 |
Last Revised Date: July 10, 2014


To set the height of GridGroupingControl through client side the following steps has to be followed:

  • Search for DIV tag and iterate through the collection of DIV tag to find the GridGroupControl using the ID.
  • Apply the appropriate styles(Height in this sceanrio) to the GridGroupingControl.

Please refer the below code snippet which illustrates this:

var prevHeight=0;

function ChangeHeight()


//Gets the element inside the DIV tag

var getElement=document.getElementsByTagName("div");

//iterate through the collection of DIV to find the GridGroupingcontrol

for(var i=0;i<=getelement.length;i++)


//checks if the currentelement is gridgroupingcontrol



//iterates through the table inside div tag

//apply the style for the appropriate gridgroupingcontrol

var getelement=getelement[i].getelementsbytagname("table");

for(var j=0;j<=getelement.length;j++)


//Apply the Height and fontweight for the GridGroupinControl









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.

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