GridView生成的HTML代码

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

原创最新推荐文章于 2021-06-07 13:05:11 发布 · 243 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #C #C++ #C#

.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>