这几天做一个项目有用到表格显示数据的地方,客户要求重复的数据列需要合并,就总结了一下GridView 和 Repeater 关于重复数据合并的方法。

 

ASP.NET 关于GridView 表格重复列合并

 

效果图如下 :

 

ASP.NET 关于GridView 表格重复列合并

 

 


GridView :

前台代码 :

 1 <div>
 2      <asp:GridView ID="gvIncome" runat="server" AutoGenerateColumns="False">
 3             <Columns>
 4                 <asp:TemplateField HeaderText="一级">   
 5                     <ItemTemplate>
 6                         <asp:Label ID="Label0" runat="server" Text='<%#Eval("aname") %>'></asp:Label>
 7                     </ItemTemplate>
 8                 </asp:TemplateField>
 9                 <asp:TemplateField HeaderText="二级">
10                     <ItemTemplate>
11                         <asp:Label ID="Label1" runat="server" Text='<%#Eval("bname") %>'></asp:Label>
12                     </ItemTemplate>
13                 </asp:TemplateField>
14                 <asp:TemplateField HeaderText="三级">
15                     <ItemTemplate>
16                         <asp:Label ID="Label2" runat="server" Text='<%#Eval("cname") %>'></asp:Label>
17                     </ItemTemplate>
18                 </asp:TemplateField>
19                   <asp:TemplateField HeaderText="四级">
20                     <ItemTemplate>
21                         <asp:Label ID="Label3" runat="server" Text='<%#Eval("dname") %>'></asp:Label>
22                     </ItemTemplate>
23                 </asp:TemplateField>
24             </Columns>
25         </asp:GridView>
26     </div>
GridView 前台代码

相关文章: