Optimize redundant processing for dynamic columns in EmberJS

Currently, I am building a dynamic table in which both row and column values are determined at runtime. I have achieved this through following code.

<tr>
    // redundant for all collections
   <td>
     
   </td>
   
</tr>

Now, this works well but for large data sets, the rendering seems too slow. On analyzing the code, it seems the 2nd loop is processing redundantly accross the 1st loop ( the fields only have to be calculated once but it is calculating it across each value of the collection).

Please suggest on how I can optimize my code.