动态生成table添CSS+js

动态生成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';");
                        }
                    }


                }


            }