HTML festen Header in der Tabelle dynamisch in ASP.NET

Question

Ich erstellte eine Tabelle dynamisch, aus Datenbank gefüllt. Was möchten Sie tun, ist eine feste Kopfzeile und einen scrollbaren Körper erstellt. Ich habe versucht, CSS und Javascript, aber nicht geschafft, etwas zu tun, ich denke, weil Tabelle automatisch erstellt wird. Hilfe.

Hier ist mein Code:

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

Und meine CSS für Tabelle:

Demo

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

Ich hoffe, das CSS-Klassen können

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, wo ich die Tabelle hinzufügen dir helfen. Besuchen Sie fiddlehttp://jsfiddle.net/TweNm/