Nested ng-repeat for creating table <TD> rendering very slowly
<p>I'm a newbie in AngularJS. My dynamic UI (html table) look like as follows.</p>

<pre><code>ID | Name | CardNo |26 |27 |28 | 29 | 30 | 31 | 1 | 2 |3 | 11 |12...........|25   

1     A        001           p    p    P    p   p   P           p
</code></pre>

<p>My Json format looks like</p>

<p>var empAttendance = [
{
    id: 1,
    cardNo: "001",
    name: "A",
    attendance: [
        { "id": 1, "day": 28 }, { "id": 2, "day": 29}, { "id": 3, "day": 30 },
        { "id": 4, "day": 31 }, { "id": 5, "day": 2 }, { "id": 5, "day": 12 }
      ]
  }];</p>

<p>dtRange = [26,27,28,29,30,31,1,2,3...............................25];</p>

<p>View (html):</p>

<pre><code>&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;ID&lt;/th&gt; 
      &lt;th&gt;CardNo&lt;/th&gt;
      &lt;th&gt;Name&lt;/th&gt;
      th data-ng-repeat="dt in vm.dtRange"&gt;{{dt}}&lt;/th&gt;                                     
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr data-ng-repeat="p in vm.employeeAtt"&gt;
        &lt;td&gt;{{p.id}}&lt;/td&gt;
        &lt;td&gt;{{p.cardNo}}&lt;/td&gt;
        &lt;td&gt;{{p.name}}&lt;/td&gt;
        &lt;td data-ng-repeat="dt in vm.dtRange"&gt;
          &lt;span data-ng-repeat="att in p.attendance" ng-if="dt == att.day"&gt;P&lt;/span&gt;
        &lt;/td&gt;
     &lt;/tr&gt;
   &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>It seems, One employee has many attendance withing date range (column header). And I tried to put 'P' into the td cell according to the day value and by matching column header. I do not need any pagination and will load all the filtered employee list associated attendances.</p>

<p>However, the above logic working as expected. But " rendering very very slowly. Even I commented the inner line 'P'.</p>

<p>My minimum number of employee is 500 and maximum 3000. I also tried with cache data and made sure the rendering slowness. I did put limitto in ng-repeat. but still no significant performance change.</p>

<p>Any idea would be really helpful to me. I am using Angularjs 1.5.0</p>

<p>Thank You</p>