GridView生成的HTML代码

最新推荐文章于 2021-06-17 06:44:36 发布

最新推荐文章于 2021-06-17 06:44:36 发布 · 114 阅读

文章标签：

#HTML #IDEA

.NET 专栏收录该内容

107 篇文章

订阅专栏

本文介绍如何使用ASP.NET中的GridView控件进行样式设置，包括表格的整体样式和单元格的具体样式。通过具体的代码示例展示了如何定义不同的CSS类来实现美观且一致的表格布局。

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" [color=red]CssClass="tablecss"[/color]>
<Columns>
<asp:TemplateField HeaderText="编号" [color=green]HeaderStyle-CssClass="aaa"[/color] [color=blue]ItemStyle-CssClass="bbb"[/color]>
<ItemTemplate>
<%#Eval("id") %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="姓名" HeaderStyle-CssClass="aaa" ItemStyle-CssClass="bbb">
<ItemTemplate>
<%#Eval("name") %>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<div>
<table [color=red]class="tablecss"[/color] cellspacing="0" rules="all" border="1" id="Table1" style="border-collapse: collapse;">
<tr>
<th [color=green]class="aaa"[/color] scope="col">编号</th>
<th [color=green]class="aaa"[/color] scope="col">姓名</th>
</tr>
<tr>
<td [color=blue]class="bbb"[/color]>1</td>
<td [color=blue]class="bbb"[/color]>张三</td>
</tr>
<tr>
<td [color=blue]class="bbb"[/color]>2</td>
<td [color=blue]class="bbb"[/color]>李四</td>
</tr>
</table>
</div>