Asp.Net Table控件动态生成表格操作实例(代码调试通过)
.aspx
<form id="Form1" method="post" runat="server"> <asp:Label id="Label1" style="Z-INDEX: 101; LEFT: 256px; POSITION:
absolute; TOP: 40px" runat="server">Asp.Net Table控件动态生成表格操作实例</asp:Label> <asp:Button id="Button1" style="Z-INDEX: 105; LEFT: 272px; POSITION:
absolute; TOP: 120px" runat="server" Text="生 成"></asp:Button> <asp:Table id="Table1" style="Z-INDEX: 104; LEFT: 272px; POSITION:
absolute; TOP: 160px" runat="server" GridLines="Both"></asp:Table> <asp:DropDownList id="DropDownList2" style="Z-INDEX: 103; LEFT:
344px; POSITION: absolute; TOP: 88px" runat="server"> <asp:ListItem Value="1">1列</asp:ListItem> <asp:ListItem Value="2">2列</asp:ListItem> <asp:ListItem Value="3">3列</asp:ListItem> <asp:ListItem Value="4">4列</asp:ListItem> <asp:ListItem Value="5">5列</asp:ListItem> </asp:DropDownList> <asp:DropDownList id="DropDownList1" style="Z-INDEX: 102; LEFT:
280px; POSITION: absolute; TOP: 88px" runat="server"> <asp:ListItem Value="1">1行</asp:ListItem> <asp:ListItem Value="2">2行</asp:ListItem> <asp:ListItem Value="3">3行</asp:ListItem> <asp:ListItem Value="4">4行</asp:ListItem> <asp:ListItem Value="5">5行</asp:ListItem> </asp:DropDownList> </form>
.aspx.cs
private void Button1_Click(object sender, System.EventArgs e) { int numrows; int numcells; int i=0; int j=0; int row=0; TableRow r; TableCell c; //产生表格 numrows=Convert.ToInt32(DropDownList1.SelectedValue); numcells=Convert.ToInt32(DropDownList2.SelectedValue); for(i=0;i<numrows;i++) { r=new TableRow(); if(row/2!=0) { r.BorderColor=Color.Red; } row+=1; for(j=0;j<numcells;j++) { c=new TableCell(); c.Controls.Add(new LiteralControl
("row"+j+",cell"+i)); r.Cells.Add(c); } Table1.Rows.Add(r); } }
|