很多初学者都奇怪GridView生成的HTML代码到底是什么,下面有个示例对比,需要的朋友可以参考下

1. 
   
2. <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="tablecss">
   
3. <Columns>
   
4. <asp:TemplateField HeaderText="编号" HeaderStyle-CssClass="aaa" ItemStyle-CssClass="bbb">
   
5. <ItemTemplate>
   
6. <%#Eval("id") %>
   
7. </ItemTemplate>
   
8. </asp:TemplateField>
   
9. <asp:TemplateField HeaderText="姓名" HeaderStyle-CssClass="aaa" ItemStyle-CssClass="bbb">
   
10. <ItemTemplate>
    
11. <%#Eval("name") %>
    
12. </ItemTemplate>
    
13. </asp:TemplateField>
    
14. </Columns>
    
15. </asp:GridView>
    
16. ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
    
17. <div>
    
18. <table class="tablecss" cellspacing="0" rules="all" border="1" id="Table1" style="border-collapse: collapse;">
    
19. <tr>
    
20. <th class="aaa" scope="col">编号</th>
    
21. <th class="aaa" scope="col">姓名</th>
    
22. </tr>
    
23. <tr>
    
24. <td class="bbb">1</td>
    
25. <td class="bbb">张三</td>
    
26. </tr>
    
27. <tr>
    
28. <td class="bbb">2</td>
    
29. <td class="bbb">李四</td>
    
30. </tr>
    
31. </table>
    
32. </div>

复制代码

很多初学者都奇怪GridView生成的HTML代码到底是什么,下面有个示例对比,需要的朋友可以参考下

1. 
   
2. <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="tablecss">
   
3. <Columns>
   
4. <asp:TemplateField HeaderText="编号" HeaderStyle-CssClass="aaa" ItemStyle-CssClass="bbb">
   
5. <ItemTemplate>
   
6. <%#Eval("id") %>
   
7. </ItemTemplate>
   
8. </asp:TemplateField>
   
9. <asp:TemplateField HeaderText="姓名" HeaderStyle-CssClass="aaa" ItemStyle-CssClass="bbb">
   
10. <ItemTemplate>
    
11. <%#Eval("name") %>
    
12. </ItemTemplate>
    
13. </asp:TemplateField>
    
14. </Columns>
    
15. </asp:GridView>
    
16. ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
    
17. <div>
    
18. <table class="tablecss" cellspacing="0" rules="all" border="1" id="Table1" style="border-collapse: collapse;">
    
19. <tr>
    
20. <th class="aaa" scope="col">编号</th>
    
21. <th class="aaa" scope="col">姓名</th>
    
22. </tr>
    
23. <tr>
    
24. <td class="bbb">1</td>
    
25. <td class="bbb">张三</td>
    
26. </tr>
    
27. <tr>
    
28. <td class="bbb">2</td>
    
29. <td class="bbb">李四</td>
    
30. </tr>
    
31. </table>
    
32. </div>

复制代码