なぜこのGridViewでCSSとJQueryの効果を得ることができなかったのですか？

私のプロジェクトでこの素敵な記事（Freezing GridView header and columns while scrolling rest of the content）を使用しようとしていますが、失敗しました。私はポストに記載されているすべての手順を踏んだが、それでも私はそれを得ていなかったし、なぜか分からない。なぜこのGridViewでCSSとJQueryの効果を得ることができなかったのですか？

私はGridViewにデータを持ちましたが、CSSとJQueryのエフェクトはありませんでした。とき、

Char: 11

Error: Object doesn't support this property or method

Code:0

ところで：時々それは私に次のエラーを与え、

Char: 9

Error: '0.offsetHeight' is null or not an object

Code:0

をも：私は言うIEブラウザで左下隅にエラーの記号を得ました私は、ASP.NETコードでCSSスタイルの下に存在しているインラインJavaScriptを削除し、私はそのエラーシンボルを取得していない私のASP.NETコード：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
     <script src="js/jquery.fixedtable.js" type="text/javascript"></script> 
     <%--This is for the GridView--%> 
     <style type="text/css"> 

     .fixedColumn .fixedTable td 
     { 
      color: #FFFFFF; 
      background-color: #5097d1; 
      font-size: 14px; 
      font-weight: normal; 
     } 

     .fixedHead td, .fixedFoot td 
     { 
      color: #FFFFFF; 
      background-color: #5097d1; 
      font-size: 14px; 
      font-weight: normal; 
      padding: 5px; 
      border: 1px solid #187BAF; 
     } 
     .fixedTable td 
     { 
      font-size: 10pt; 
      background-color: #FFFFFF; 
      padding: 5px; 
      text-align: left; 
      border: 1px solid #CEE7FF; 
     } 
    </style> 

    <script type="text/javascript"> 
     $(document).ready(function() { 

      $(".tableDiv").each(function() { 
       var Id = $(this).get(0).id; 
       var maintbheight = 355; 
       var maintbwidth = 760; 

       $("#" + Id + " .FixedTables").fixedTable({ 
        width: maintbwidth, 
        height: maintbheight, 
        fixedColumns: 4, 
        // header style 
        classHeader: "fixedHead", 
        // footer style  
        classFooter: "fixedFoot", 
        // fixed column on the left  
        classColumn: "fixedColumn", 
        // the width of fixed column on the left  
        fixedColumnWidth: 100, 
        // table's parent div's id   
        outerId: Id, 
        // tds' in content area default background color      
        Contentbackcolor: "#FFFFFF", 
        // tds' in content area background color while hover.  
        Contenthovercolor: "#99CCFF", 
        // tds' in fixed column default background color 
        fixedColumnbackcolor: "#5097d1", 
        // tds' in fixed column background color while hover. 
        fixedColumnhovercolor: "#99CCFF" 
       }); 
      }); 
     }); 
    </script> 

<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:testConnectionString %>" 
            SelectCommandType="StoredProcedure" SelectCommand="kbiReport" 
            FilterExpression="[DivisionName] like '{0}%'"> 

        <FilterParameters> 
         <asp:ControlParameter ControlID="ddlDivision" Name="DivisionName" 
               PropertyName="SelectedValue" Type="String" /> 
        </FilterParameters> 

        <SelectParameters> 
         <%--ControlParameter is linked to the HiddenField above to generate different GridView based on different values 
          of GroupID--%> 
         <asp:ControlParameter ControlID="HiddenField1" Name="GroupID" PropertyName="Value" DefaultValue=3 /> 
        </SelectParameters> 
       </asp:SqlDataSource> 
<%-- 
       <div style="width:700px; overflow:auto; overflow-y:hidden;">--%> 
       <div id="divGrid" class="tableDiv"> 
       <asp:GridView ID="GridView1" runat="server" 
           AllowSorting="True" 
           CellPadding="3" 
           DataSourceID="SqlDataSource1" 
           ClientIDMode="Static" class="fixedTables" Width="600" AutoGenerateColumns="true" 
           AlternatingRowStyle-CssClass="alt" 
           RowStyle-HorizontalAlign="Center" 
           OnRowDataBound="GridView1_RowDataBound" OnPreRender="GridView1_PreRender" OnRowCreated="GridView1_RowCreated" 
           OnDataBound="GridView1_DataBound"> 
        <AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
        <HeaderStyle Font-Bold = "true" ForeColor="Black"/> 
        <Columns> 
        </Columns> 
       </asp:GridView>

コードビハインドで

：

protected void Page_Load(object sender, EventArgs e) 
    { 

     //Repeater1.DataBind(); 
     GridView1.DataBind(); 
     GridView1.HeaderRow.TableSection = TableRowSection.TableHeader; 

    }

出典

2012-01-15 user1093651