0

我动态创建了一个表，从数据库中填充。想要做的是创建一个固定的标题和一个可滚动的正文。我尝试了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;
}
4

1 回答 1

0

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

于 2016-08-01T16:31:03.810 回答