在 ASP.NET 中动态表中的 HTML 固定 header

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:

   <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 类演示能对您有所帮助。访问 fiddle http://jsfiddle.net/TweNm/