这几天做一个项目有用到表格显示数据的地方,客户要求重复的数据列需要合并,就总结了一下GridView 和 Repeater 关于重复数据合并的方法。
效果图如下 :
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>