jQuery way to freeze first two columns of a GridView control.

Hi
Look at these examples with jQuery:

http://gridviewscroll.aspcity.idv.tw/Demo.aspx

http://www.trirand.com/blog/jqgrid/jqgrid.html

In the second link mroonal provided there is a link on the left sidebar menu called "Frozen Cols.GroupHeader(new)" which provides all info you nee.

These are pure jQuery Grids. Is there any trick to work with GridView control itself?

See these links  
http://stackoverflow.com/questions/8481996/freezing-columns-in-jqgrid

http://forum.jquery.com/topic/freeze-columns-or-rows-in-grid

I don't want to use jqGrid. I am using ASP.NET GridView control and want to add frozen columns to it.

Is this work for you ?
http://forums.asp.net/t/1120278.aspx

http://stackoverflow.com/questions/13529532/freeze-asp-net-grid-view-column

http://www.codeproject.com/Questions/462959/Freeze-Asp-net-GridView-HaderRow-Some-Columns

I already tried the first two solutions. The problem is it doesn't works well in IE 9.0. I want a solution that is compatible with all versions of IE.

I am checking the links suggested in the third link you provided. But it seems the links are similar to the first two.

Thanks it worked. I made a mistake while copying code.

@mroonal:

I tried on a production code. It works fine when IE 9.0 is running in compatibility mode but when changed to IE 9, it is not rendering properly.

Any work around.