GRIDVIEW实现Excel列冻结功能：简洁高效

需求：
信息比较多，需要水平滚轴向左右拖动，当拖动的时候，窗口固定在“材料次小类”，类似于EXCEL表中的窗口冻结功能。

代码：
冻结列的样式：
.freeze 
    { z-index:120; /*expression(this.parentElement.offsetLeft)*/position:relative;border:1px solid;border-bottom:0px;}    

//首先在Gridview外面包一个DIV  ，给DIV 加上onscroll事件； 样式为overflow-x: scroll;  X方向超出可滚动。
<div style="overflow-x: scroll; width: 100%;" id="trResult" onscroll="floatTheSubSamllClass()" runat="server" visible="false">
<table  cellspacing="1" cellpadding="0" width="2200px" class="tb_datalist0">        
       <tr>
       <td>
<cc1:ZTEGridView ID="dgResult" runat="server" EmptyDataText="没有搜索到数据"  AllowCustomPaging="True"  AutoGenerateColumns="False" AllowPaging="True" KeepedFootCells="" sortWholeExpression="" DataKeyNames="SERIES_ID" VirtualItemCount="1" EnableModelValidation="True" OnRowDataBound="dgResult_RowDataBound" OnRowDeleting="dgResult_RowDeleting" OnPageIndexChanging="dgResult_PageIndexChanging" OnSelectedIndexChanged="dgResult_SelectedIndexChanged" meta:resourcekey="dgResultResource1" >
<Columns>
<asp:BoundField DataField="" HeaderText="序号" meta:resourcekey="BoundFieldResource1"></asp:BoundField>
<asp:BoundField DataField="" HeaderText="材料类别号" meta:resourcekey="BoundFieldResource2"></asp:BoundField>
<asp:BoundField DataField="" HeaderText="材料大类" meta:resourcekey="BoundFieldResource3"></asp:BoundField>
<asp:BoundField DataField="" HeaderText="材料小类" meta:resourcekey="BoundFieldResource4"></asp:BoundField>
<asp:BoundField DataField="" HeaderText="材料次小类" meta:resourcekey="BoundFieldResource5"></asp:BoundField>
<asp:BoundField DataField="" HeaderText="物料技术经理" meta:resourcekey="BoundFieldResource6"></asp:BoundField>
</Columns>
</cc1:ZTEGridView>
</div>
       </td>
       </tr>        
       </table>

JS代码为:
 <script type="text/javascript">