一个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); //将行添加到表格中 } }
运行效果截图:
本文向大家介绍ASP.NET MVC中图表控件的使用方法,包括了ASP.NET MVC中图表控件的使用方法的使用技巧和注意事项,需要的朋友参考一下 微软发布了一个强大的ASP.NET的图表控件,支持丰富的图表选项设置-包括列,点,泡沫,饼图,圆环图,金字塔,漏斗,盒形图,面积,范围,AJAX的互动,以及更多。Microsoft图表控件示例项目包括ASP.NET页的图表样本超过200个。在这篇文章中
本文向大家介绍ASP.NET中 ListBox列表框控件的使用方法,包括了ASP.NET中 ListBox列表框控件的使用方法的使用技巧和注意事项,需要的朋友参考一下 ListBox 控件允许用户从预定义的列表中选择一个或多个项。它与 DropDownList 控件的不同之处在于,它不但可以一次显示多个项,而且(可选)还允许用户选择多个项。 一、属性 属性 值 作用 SelectionMode S
本文向大家介绍最棒的Angular2表格控件,包括了最棒的Angular2表格控件的使用技巧和注意事项,需要的朋友参考一下 现在市面上有大量的JavaScript数据表格控件,包括开源的第三方的和自产自销的。可以说Wijmo的Flexgrid是目前适应Angular 2的最好的表格控件。 Angular 2数据表格基本要求: 更小、更快、更熟悉。 为了使用Angular 2表格,首先你需要了
实现根据数据源显示成GridView格式的列表。也就是呈现表格样式,每一行都有多列内容。无需计算每列的位置,宽度,只需要绑定数据源,设置显示的列名即可。本代码在BeeFramework框架基础上开发。 [Code4App.com]
表格的css控制就先不说了,首先分享下表格常用的DOM 表格添加操作的方法常用的为insertRow()和insertCell()方法。 row是从零开始计算起的,例如: var oTr = document.getElementById("member").insertRow(2) 是指将新行添加到第二行。 var aText = new Array(); aText[0] = docum
本文向大家介绍全面解析Bootstrap表单使用方法(表单控件),包括了全面解析Bootstrap表单使用方法(表单控件)的使用技巧和注意事项,需要的朋友参考一下 一、输入框input 单行输入框,常见的文本输入框,也就是input的type属性值为text。 在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootstra