GridView生成的HTML代码

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

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

文章标签：

#HTML #ASP

asp.net小知识专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了 ASP.NET 中 GridView 控件的使用方法，包括如何定义列、设置样式及展示数据等。通过示例展示了如何用 GridView 控件创建表格布局，并为不同元素应用特定的 CSS 类。

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