Thanks Bernard !!

I have found the solution for this issue. It is basically due to IE8 rendering mode. 

when the application is hosted in IIS server, the page is rendered in IE8 Compatibility mode. I just forced the page to render in IE8 standard mode to fix the grid header issue.

I tried by adding a meta tag to render the page in IE* standard mode

 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">

The HTML meta tag is ignored if you have the doctype set to xhtml transitional. The solution is to add an HTTP header in code. 

This worked for us. Now our intranet site is forcing IE8 to render the app in standards mode.

Added to PageInit of the base page class

Response.AddHeader("X-UA-Compatible", "IE=EmulateIE8");

Thanks

Hi,

Glad that you have found the problem. Actually WebGrid in version 7, only can be rendered properly using XHTML and HTML4 doctype. This is why if you're using compatibility mode, some rendering won't be rendered like we expected. This problem might be happen because some configuration in your website force your website to show in compatibility view.

It's better if you used WebGrid 8, so you can put the RenderingMode to XHTML, HTML4, or HTML5 regarding your requirement. Our WebGrid 8 support all of three doctypes. If you have any further question, don't hesitate to ask us.

Regards,
Bernard