动态创建HTML之Table

简介: 在页面上的HTML服务器控牛的声明和普通的静态HTML标签的声明一样,使用附加的runat="server"特性,充高尔夫Asp.net处理服务器类,并把它们翻译成对应的.net类的实例。   //在Page_Load事件中添加如下代码  protected void Page_Load(o...

在页面上的HTML服务器控牛的声明和普通的静态HTML标签的声明一样,使用附加的runat="server"特性,充高尔夫Asp.net处理服务器类,并把它们翻译成对应的.net类的实例。

 

// 在Page_Load事件中添加如下代码

  protected  void Page_Load( object sender, EventArgs e)
        {
            HtmlTable Table =  new HtmlTable();
            Table.CellPadding =  5;
            Table.CellSpacing =  5;
            Table.Border =  1;

            HtmlTableRow row;
            HtmlTableCell cell;

             for ( int i =  1; i <=  10; i++)
            {
                row =  new HtmlTableRow();
                row.BgColor = i %  2 ==  0 ?  " lightyellow " :  " lightcyan ";

                 for ( int j =  1; j <=  5; j++)
                {
                    cell =  new HtmlTableCell();
                    cell.InnerText =  string.Format( " {0}行{1}列 ", i, j);
                    row.Cells.Add(cell);
                }

                Table.Rows.Add(row);
            }
             this.Controls.Add(Table);
        }

   

目录
相关文章
HTML table 标准结构
HTML table 标准结构
52 0
|
2月前
|
移动开发 前端开发 JavaScript
Twaver-HTML5基础学习(10)嵌入Table
本文介绍了如何在Twaver HTML5中嵌入表格(Table),并设置表格的列(Column)和样式。通过示例代码展示了如何在React组件中创建表格并添加数据,以及如何通过样式设置表格元素的颜色。
37 2
Twaver-HTML5基础学习(10)嵌入Table
|
2月前
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
35 1
|
4月前
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
240 0
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
HTML table表格详解
HTML table表格详解
97 1
HTML table表格元素边框修改为单线
HTML table表格元素边框修改为单线
Html Table 固定或自定义列宽度
Html Table 固定或自定义列宽度
179 0
|
6月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
56 0
|
前端开发
HTML table 基本使用
HTML table 基本使用
32 0
HTML table 表头和表格的合并
HTML table 表头和表格的合并
122 0