一個Table對象包含多個行TableRow,每一行又包含TableCell,TableCell中可以包含其他的HTML或者服務(wù)器控件作為Web服務(wù)器控件。
一、Table中的屬性
Table對象:
BackImageUrl |
表格的背景圖像的URL |
Caption |
表格標(biāo)題 |
CaptionAlign |
標(biāo)題文本對齊方式 |
CellPadding |
Table單元格內(nèi)容和單元格邊框之間的空間量(單位:像素) |
CellSpacing |
相鄰單元格之間的空間量 |
Rows |
Table控件中行的集合 |
TableRow對象:
HorizontalAlign |
獲取或設(shè)置行內(nèi)容的水平對齊方式 |
VerticalAlign |
獲取或設(shè)置行內(nèi)容的垂直對齊方式 |
Cells |
獲取TableCell對象的集合,這些對象表示Table控件中的行的單元格 |
TableCell對象:
ColumnSpan |
獲取或設(shè)置單元格在Table跨越的列數(shù) |
RowSpan |
跨越的行數(shù) |
Text |
獲取或設(shè)置單元格的文本 |
二、實(shí)例代碼
單擊按鈕產(chǎn)生表格的后臺代碼:
復(fù)制代碼 代碼如下:
protected void Button1_Click(object sender, EventArgs e)
{
int a =int.Parse( DropDownList1.SelectedValue); //用于取得行數(shù)
int b = int.Parse(DropDownList2.SelectedValue); //用于取的列數(shù) ,int.Parse();和Convert.ToInt32作用相同,是將轉(zhuǎn)換為整型。
Table1.BorderColor = System.Drawing.Color.DarkGoldenrod;
Table1.BorderWidth = 2; //這兩句用于設(shè)置表格的屬性
for (int i = 0; i a; i++)
{
TableRow w = new TableRow(); //實(shí)例化行對象
for (int j = 0; j b; j++)
{
TableCell q = new TableCell(); //實(shí)例化單元格對象
q.BackColor = System.Drawing.Color.Blue; //設(shè)置單元格的背景顏色屬性。
Button r = new Button(); //實(shí)例化按鈕對象,用于向表格中添加。
if (i == 2 j == 2) //向第三行、第三列中中添加按鈕
{
q.Controls.Add(r); //單元格中添加按鈕,添加其他控件的方法相同
}
q.BorderWidth = 2;
w.Cells.Add(q); //將單元格添加到行中。
}
Table1.Rows.Add(w); //將行添加到表格中
}
}
運(yùn)行效果截圖:
您可能感興趣的文章:- Android自定義DataGridView數(shù)據(jù)表格控件
- 在web中js實(shí)現(xiàn)類似excel的表格控件
- 最棒的Angular2表格控件
- 左側(cè)是表頭的JS表格控件(自寫,網(wǎng)上沒有的)
- Android自定義表格控件滿足人們對視覺的需求
- jquery miniui 教程 表格控件 合并單元格應(yīng)用
- JQuery FlexiGrid的asp.net完美解決方案 dotNetFlexGrid-.Net原生的異步表格控件
- ExtJS 配置和表格控件使用
- javascript表格控件:Chgrid,簡化型
- 詳解能在多種前端框架下使用的表格控件