拼接table 展示在前台

最新推荐文章于 2024-01-03 11:57:50 发布

qydvip

最新推荐文章于 2024-01-03 11:57:50 发布

阅读量830

点赞数

分类专栏： table代码

本文链接：https://blog.csdn.net/qydvip/article/details/41719929

版权

该博客介绍了如何在ASP.NET中使用后台代码生成HTML表格并将其内容展示在前台。通过DataTable获取数据，然后利用StringBuilder拼接HTML字符串，设置表格样式和单元格内容，最后将拼接好的HTML插入到前台的div元素中。

摘要由CSDN通过智能技术生成

最近用惯了 gridview 等数据展示控件，突然要求前台用table显示，且 table中的值是动态的瞬间蒙了，后来想一想用个简单的方法实现了功能代码如下：

前台首先要有一个div <div id="changs" runat="server"></div>

后台代码：

   DataTable dtDataList = GetDataList(value, s_tDate, s_Type, "0"); // 获取数据集
            if (dtDataList != null && dtDataList.Rows.Count > 0)
            {
                StringBuilder ss = new StringBuilder();
                ss.Clear();
                ss.Append(" <table style=\"width: 93%; border-top:2px solid #33CC00; border-bottom:2px solid #33CC00;\"> ");
                    for (int i = 0; i < dtDataList.Rows.Count; i++)
                    {
                        d_ElecName = dtDataList.Rows[i]["F_EnergyItemName"].ToString(); //能耗名称