asp.net html table,ASP.NET Table 表格控件的使用方法

一个Table对象包含多个行TableRow,每一行又包含TableCell,TableCell中可以包含其他的HTML或者服务器控件作为Web服务器控件。

一、Table中的属性

Table对象:

BackImageUrl

表格的背景图像的URL

Caption

表格标题

CaptionAlign

标题文本对齐方式

CellPadding

Table单元格内容和单元格边框之间的空间量(单位:像素)

CellSpacing

相邻单元格之间的空间量

Rows

Table控件中行的集合

TableRow对象:

HorizontalAlign

获取或设置行内容的水平对齐方式

VerticalAlign

获取或设置行内容的垂直对齐方式

Cells

获取TableCell对象的集合,这些对象表示Table控件中的行的单元格

TableCell对象:

ColumnSpan

获取或设置单元格在Table跨越的列数

RowSpan

跨越的行数

Text

获取或设置单元格的文本

二、实例代码

单击按钮产生表格的后台代码:

复制代码代码如下:

protected void Button1_Click(object sender, EventArgs e)

{

int a =int.Parse( DropDownList1.SelectedValue);                                //用于取得行数

int  b = int.Parse(DropDownList2.SelectedValue);                               //用于取的列数 ,int.Parse();和Convert.ToInt32作用相同,是将转换为整型。

Table1.BorderColor = System.Drawing.Color.DarkGoldenrod;

Table1.BorderWidth = 2;                                                        //这两句用于设置表格的属性

for (int i = 0; i < a; i++)

{

TableRow w = new TableRow();                                              //实例化行对象

for (int j = 0; j < b; j++)

{

TableCell q = new TableCell();                                       //实例化单元格对象

q.BackColor = System.Drawing.Color.Blue;                             //设置单元格的背景颜色属性。

Button r = new Button();                                            //实例化按钮对象,用于向表格中添加。

if (i == 2 && j == 2)                                               //向第三行、第三列中中添加按钮

{

q.Controls.Add(r);                                              //单元格中添加按钮,添加其他控件的方法相同

}

q.BorderWidth = 2;

w.Cells.Add(q);                                                      //将单元格添加到行中。

}

Table1.Rows.Add(w);                                                     //将行添加到表格中

}

}

运行效果截图:

1-20010514192A15.png

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET 中,表格控件是一个非常常用的控件使用表格控件可以方便地创建一个表格,以展示数据或者布局页面。 下面是一个简单的表格控件使用示例: ```html <asp:Table runat="server"> <asp:TableRow> <asp:TableCell>第一列</asp:TableCell> <asp:TableCell>第二列</asp:TableCell> <asp:TableCell>第三列</asp:TableCell> </asp:TableRow> <asp:TableRow> <asp:TableCell>1</asp:TableCell> <asp:TableCell>2</asp:TableCell> <asp:TableCell>3</asp:TableCell> </asp:TableRow> <asp:TableRow> <asp:TableCell>4</asp:TableCell> <asp:TableCell>5</asp:TableCell> <asp:TableCell>6</asp:TableCell> </asp:TableRow> </asp:Table> ``` 这个表格控件包含了一个表格,其中有三行三列的数据。在使用表格控件时,需要注意以下几点: 1. `Table` 控件是必须的,它用来定义表格。 2. `TableRow` 控件用来定义表格中的行。 3. `TableCell` 控件用来定义表格中的单元格。一个 `TableRow` 控件可以包含多个 `TableCell` 控件。 4. 可以在 `Table` 控件中添加多个 `TableRow` 控件,以定义多行数据。 5. 可以在 `TableRow` 控件中添加多个 `TableCell` 控件,以定义多列数据。 除了上面的基本使用方法表格控件还有很多属性可以设置,例如 `CssClass` 用来设置控件的 CSS 样式,`CellPadding` 和 `CellSpacing` 用来设置单元格的内边距和单元格之间的间距等。 总的来说,表格控件非常灵活,可以方便地创建各种不同的表格布局。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值