asp.net nested repeaters and rendering issue
<p>I am rendering 1000+ records on a web page using nested repeaters. The problem i am facing is that it takes too much time to render the data on page. </p>

<p>Here is the concept layout of repeaters.</p>

<blockquote>
  <p>-Main</p>

<pre><code>-Level 1

        -Level 2

                -Level 3

                -Level 3

        -Level 2

-Level 1
</code></pre>
  
  <p>-Main</p>
</blockquote>

<p>When page loads Main and level 1 rows are showing. when user click on level 1 row, level 2 row appears and by clicking on level 2, level 3 row shows up.</p>

<p>I am loading data to all the repeaters at once and hiding/showing the level 2 and level3 rows using jQuery.</p>

<p>The problem is that i get data within a second from database but it takes too long to render. </p>

<p>One solution is that i load Main and Level 1 row at the page load and show level 2 and 3 rows based on user click.</p>

<p>Is there any other way to improve the performance?</p>

<p>Thanks in advance</p>

<p>I am loading the data onto page at once and then hiding Level 2 and Level 3.</p>
