title: How to bind Nested Repeaters?
body: <p>I have a service page, which shows service details and has a sub-section like service features and charges. I created two repeaters for features and charges. Please refer to the following sql tables image for more information:</p>
  
  <p><img src="https://i.stack.imgur.com/o5sSV.png" alt="enter image description here"></p>
  
  <p>But I have no idea how to bind this hierarchical data to nested repeaters. Here is my code:</p>
  
  <pre><code> &lt;!--Nested Repeater Section--&gt;
      &lt;asp:Repeater ID="ServiceDetailsRepeater" runat="server" 
          onitemdatabound="ServiceDetailsRepeater_ItemDataBound"&gt;
      &lt;ItemTemplate&gt;
          &lt;asp:HiddenField ID="service_id" runat="server" Value='&lt;%#Eval("Id")%&gt;'/&gt;
      &lt;h3&gt;&lt;a name='&lt;%#Eval("Id")%&gt;'&gt;&lt;/a&gt;&lt;%#Eval("Service_name")%&gt;&lt;/h3&gt;
      &lt;img src='&lt;%# "images/"+ Eval("ImageName")%&gt;' alt="picture" width="48" height="48" class="img" /&gt;
      &lt;p&gt;&lt;%#Eval("Service_desc")%&gt;&lt;/p&gt;
      &lt;div id="Div1" class="clr" runat="server"&gt;&amp;nbsp;&lt;/div&gt;
       &lt;div id="Div2" class="box" runat="server"&gt;
          &lt;div id="Div3" class="box_t" runat="server"&gt;
              &lt;asp:Panel ID="Panel_ServiceFeature" runat="server" class="box_b"&gt;
          &lt;h2&gt;Features&lt;/h2&gt;
          &lt;ul style="font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#5f5f5f"&gt;
              &lt;asp:Repeater ID="ServiceFeatureRepeater" runat="server"&gt;
              &lt;ItemTemplate&gt;
              &lt;li&gt;&lt;%#Eval("Feature_Text")%&gt;&lt;/li&gt;
              &lt;/ItemTemplate&gt;
              &lt;/asp:Repeater&gt;
              &lt;/ul&gt;
              &lt;/asp:Panel&gt;
      &lt;/div&gt;
    &lt;/div&gt;
     &lt;div id="Div5" class="clr" runat="server"&gt;&amp;nbsp;&lt;/div&gt;
     &lt;div id="Div6" class="box" runat="server"&gt;
          &lt;div id="Div7" class="box_t" runat="server"&gt;
              &lt;asp:Panel ID="Panel_ServiceCharge" runat="server" class="box_b"&gt;
          &lt;h2&gt;Charges&lt;/h2&gt;
          &lt;table style="font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#5f5f5f"&gt;
          &lt;tr&gt;&lt;td&gt;&lt;/td&gt;
          &lt;td&gt;Rs.&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="left"&gt;Months&lt;/td&gt;&lt;/tr&gt;
          &lt;asp:Repeater ID="ServiceChargeRepeater" runat="server"&gt;
          &lt;ItemTemplate&gt;
          &lt;tr&gt;
          &lt;td&gt;&lt;img src="images/sub_nav.gif" width="18px" height="14px" alt=""/&gt;&lt;/td&gt;
          &lt;td&gt;Rs. &lt;%#String.Format("{0:#,###}", Eval("Charges_Per_Month"))%&gt;&lt;/td&gt;
          &lt;td&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td&gt;&lt;%#Eval("No_Of_Month")%&gt; Months&lt;/td&gt;
          &lt;/tr&gt;
              &lt;/ItemTemplate&gt;
              &lt;/asp:Repeater&gt;
          &lt;/table&gt;
              &lt;/asp:Panel&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div id="Div9" class="clr" runat="server"&gt;&lt;/div&gt;
      &lt;/ItemTemplate&gt;
      &lt;/asp:Repeater&gt;
    &lt;!--End Section--&gt; 
  </code></pre>
  
  <p>Finally, <a href="http://ominvestment.co.in/services.aspx" rel="nofollow noreferrer">my web site page</a> this is my live web site service page view. This page is static but now I want to bind this service details with database.</p>