在ASP.NET中动态修复表格中的HTML固定标题

我从数据库中动态创建了一个表。想要做的是创建一个固定的标题和一个可滚动的主体。我尝试了CSS和JavaScript，但没有设法做任何事情，我认为是因为表格是自动创建的。帮助。在ASP.NET中动态修复表格中的HTML固定标题

这里是我的代码：

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; 
}

来源

2016-08-01 Voila Daniel

我昨天刚刚回答了一个类似的问题，请看看这里 - http://stackoverflow.com/questions/38659787/fix-header-row-in-repeater-in-asp-net/ 38666596＃38666596 –

问题是我没有在我的表中，当我创建jum dinamycally它把我的在tbody ... –

为什么你不创建它？使用TableHeaderRow对象 –

我希望这个CSS类演示可以帮你。访问fiddlehttp://jsfiddle.net/TweNm/

来源

2016-08-01 16:31:03

问题是，我没有thead在我的表，当我创建jum dinamycally它把我的 in tbody ... –

你可以使用tr：第一个孩子采取第一个tr –

在ASP.NET中动态修复表格中的HTML固定标题

回答

相关问题