GridView生成的HTML代码

最新推荐文章于 2021-06-07 13:05:11 发布

liujianwei17

最新推荐文章于 2021-06-07 13:05:11 发布

阅读量243

点赞数

CC 4.0 BY-SA版权

分类专栏： .NET 文章标签： HTML C C++ C#

本文链接：https://blog.youkuaiyun.com/liujianwei17/article/details/83440551

.NET 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用 C# 中的 GridView 控件来展示数据。通过定义模板字段及样式属性，可以定制化的显示表格数据。示例展示了如何设置列头、数据项样式并填充示例数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

C#代码：


  <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="tablecss"> 
    <Columns> 
      <asp:TemplateField HeaderText="编号" HeaderStyle-CssClass="aaa" ItemStyle-CssClass="bbb"> 
        <ItemTemplate> 
          <%#Eval("id") %> 
        </ItemTemplate> 
      </asp:TemplateField> 
      <asp:TemplateField HeaderText="姓名" HeaderStyle-CssClass="aaa" ItemStyle-CssClass="bbb"> 
        <ItemTemplate> 
          <%#Eval("name") %> 
        </ItemTemplate> 
      </asp:TemplateField> 
    </Columns> 
  </asp:GridView>

生成的HTML：


  <div> 
    <table class="tablecss" cellspacing="0" rules="all" border="1" id="Table1" style="border-collapse: collapse;"> 
      <tr> 
        <th class="aaa" scope="col">编号</th> 
        <th class="aaa" scope="col">姓名</th> 
      </tr> 
      <tr> 
        <td class="bbb">1</td> 
        <td class="bbb">张三</td> 
      </tr> 
      <tr> 
        <td class="bbb">2</td> 
        <td class="bbb">李四</td> 
      </tr> 
    </table> 
  </div>