动态生成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';");
}
}
}
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .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语句:使用策略模式优化代码结构