ASP.NETでダイナミックにテーブル内の固定ヘッダー

Question

テーブルを動的に作成しました。データベースからデータを取り込みました。何をしたいのは、固定ヘッダとスクロール可能なボディを作成することです。私はCSSとjavascriptを試してみましたが、何もすることはできませんでした。私はテーブルが自動的に作成されるためだと思います。 ヘルプ。ここで

は私のコードです：私はテーブルを追加

private void GenerateTable(); 
    { 
     DataTable dt = CreateDataTable();//in CreateDataTable I just take all my reocrds from database 
     Table table = new Table(); 
     TableRow row = null; 

     row = new TableRow(); 

     for (int j = 0; j < dt.Columns.Count; j++) 
     { 
      TableHeaderCell headerCell = new TableHeaderCell(); 
      headerCell.Text = dt.Columns[j].ColumnName; 
      row.Cells.Add(headerCell); 
     } 
     table.Rows.Add(row); 

     //Add the Column values 
     for (int i = 0; i < dt.Rows.Count; i++) 
     { 
      row = new TableRow(); 
      for (int j = 0; j < dt.Columns.Count; j++) 
      { 
        TableCell cell = new TableCell(); 
        cell.Text = dt.Rows[i][j].ToString(); 
        row.Cells.Add(cell); 
      } 
      table.Rows.Add(row); 

     } 
     tablediv.Controls.Add(table); 
    } 

本部：

<div class="mainEntry" style="width:90%" id="tablediv" runat="server" /> 

とテーブルのための私のCSS：

table { 
border-collapse: collapse; 
width: 100%; 
color: white; 
} 

th, td { 
text-align: left; 
padding: 8px; 
} 
th{ 
font-size:20px; 
} 
tbody{ 
height:500px; 
overflow:auto; 
display:block; 
} 
tr:nth-child(even){background-color: rgba(255, 255, 255, .15)} 

th { 
background-color: rgba(174, 183, 212, .15); 
color: white; 
} 

Answer 1

私はこのCSSクラスのデモをすることを願って助けます。訪問fiddlehttp://jsfiddle.net/TweNm/