动态生成table加CSS+js



            string connStr = ConfigurationManager.ConnectionStrings["sqlservercon"].ConnectionString;
            using (SqlConnection conn = new SqlConnection(connStr))
            {
                conn.Open();
                using (SqlCommand cmd = conn.CreateCommand())
                {
                   
                        cmd.CommandText = "select * from T_BoWen";
                    SqlDataReader reader = cmd.ExecuteReader();


                    TableRow Row1 = new TableRow();
                 
                    TableCell cell1 = new TableCell();
                    cell1.Attributes.Add("style", "width:20px;font-weight:bolder;");
                    cell1.Text ="标题";
                    //此位置用来写博客名的超链接
                    TableCell cell2 = new TableCell();
                    cell2.Attributes.Add("style", "width:655px;font-weight:bolder;");
                    cell2.Text ="" ;


                    TableCell cell3 = new TableCell();
                    cell3.Attributes.Add("style", "width:50px;font-weight:bolder;");
                    cell3.Text ="阅读";
                    


                    TableCell cell4 = new TableCell();
                    cell4.Attributes.Add("style", "width:80px;font-weight:bolder;");
                    cell4.Text = "评论";
                   


                    TableCell cell5 = new TableCell();
                    cell5.Attributes.Add("style", "width:130px;font-weight:bolder;");
                    cell5.Text = "评论权限";
                    


                    TableCell cell6 = new TableCell();
                    cell6.Attributes.Add("style", "width:120px;font-weight:bolder;");
                    cell6.Text = "操作";


                    Row1.Cells.Add(cell1);
                    Row1.Cells.Add(cell2);
                    Row1.Cells.Add(cell3);
                    Row1.Cells.Add(cell4);
                    Row1.Cells.Add(cell5);
                    Row1.Cells.Add(cell6);
                  
                    Table1.Rows.Add(Row1);
                   


                    for (int i = 0; reader.Read(); i++)
                    {


                        TableRow Row = new TableRow();
                        //新建列
                        if (i <15)
                        {


                            TableCell td1 = new TableCell();
                            td1.Attributes.Add("style", "width:20px;border-top:solid 1px #dddddd;text-decoration:none;");
                            //td1.Attributes.Add("onmousemove", "this.style.backgroundColor='#fbf8d5';");
                              td1.Text ="<a href='#'>"+reader.GetString(reader.GetOrdinal("FName"))+"</a>";
                            //此位置用来写博客名的超链接
                              TableCell td2 = new TableCell();
                              td2.Attributes.Add("style", "width:655px;border-top:solid 1px #dddddd;");
                              td2.Text = reader.GetDateTime(reader.GetOrdinal("FTime")).ToString();


                              TableCell td3 = new TableCell();
                              td3.Attributes.Add("style", "width:50px;border-top:solid 1px #dddddd;");
                              td3.Text = reader.GetInt32(reader.GetOrdinal("FNumber")).ToString();


                              TableCell td4 = new TableCell();
                              td4.Attributes.Add("style", "width:80px;border-top:solid 1px #dddddd;");
                              td4.Text = reader.GetInt32(reader.GetOrdinal("FPinLun")).ToString();


                              TableCell td5 = new TableCell();
                              td5.Attributes.Add("style", "width:100px;font-size:13px;border-top:solid 1px #dddddd;");
                              td5.Text = "<a href='#'>禁止编辑</a>";


                              TableCell td6 = new TableCell();
                              td6.Attributes.Add("style", "width:128px;height:34px;font-size:13px;border-top:solid 1px #dddddd;");
                              td6.Text = "<a href='#'>编辑</a>" + "|"+"<a href='#'>置顶</a>"+"|"+ "<a href='#'>删除</a>";




                              
                              Row.Cells.Add(td1);
                              Row.Cells.Add(td2);
                              Row.Cells.Add(td3);
                              Row.Cells.Add(td4);
                              Row.Cells.Add(td5);
                              Row.Cells.Add(td6);
                 
                            //动态生成table,当鼠标经过时,给行加上背景颜色,离开时把背景颜色支掉
                              Row.Attributes.Add("onmousemove", "this.style.backgroundColor='#fbf8d5';");
                              Table1.Rows.Add(Row);
                              Row.Attributes.Add("onmouseout", "this.style.backgroundColor='White';");
                        }
                    }


                }


            }

posted @   奇奇博客  阅读(430)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示