Score array test

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  rows: Ember.A([1,2,3,4,5,6,7,8,9,10]),
  cols: Ember.A([1,2,3,4,5]),
  
  
  foos: Ember.A([
        Ember.Object.create({
          scores: [
            Ember.Object.create({ points: 1 }),
            Ember.Object.create({ points: 2 }),
            Ember.Object.create({ points: 3 }),
            Ember.Object.create({ points: 4 }),
            Ember.Object.create({ points: 5 })
          ]
        }),

        Ember.Object.create({
          scores: [
            Ember.Object.create({ points: 6 }),
            Ember.Object.create({ points: 7 }),
            Ember.Object.create({ points: 8 }),
            Ember.Object.create({ points: 9 }),
            Ember.Object.create({ points: 10 })
          ]
        }),

        Ember.Object.create({
          scores: [
            Ember.Object.create({ points: 11 }),
            Ember.Object.create({ points: 12 }),
            Ember.Object.create({ points: 13 }),
            Ember.Object.create({ points: 14 }),
            Ember.Object.create({ points: 15 })
          ]
        }),

        Ember.Object.create({
          scores: [
            Ember.Object.create({ points: 16 }),
            Ember.Object.create({ points: 17 }),
            Ember.Object.create({ points: 18 }),
            Ember.Object.create({ points: 19 }),
            Ember.Object.create({ points: 20 })
          ]
        }),

        Ember.Object.create({
          scores: [
            Ember.Object.create({ points: 21 }),
            Ember.Object.create({ points: 22 }),
            Ember.Object.create({ points: 23 }),
            Ember.Object.create({ points: 24 }),
            Ember.Object.create({ points: 25 })
          ]
        })

      ])
  
});

templates.application.hbs

<table>
    <tr>
        
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
    </tr>

{{#each cols as |col|}}
  <tr>
    {{#each cols as |col|}}
      <td>
      <input value="0" />
      </td>
    {{/each}}
  </tr>
{{/each}}
</table>

<p>
<table>
    <tr>
        
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
    </tr>

{{#each foos as |foo|}}
  <tr>
    {{#each foo.scores as |score|}}
      <td>
      {{input value=(mut score.points) }}
      </td>
    {{/each}}
  </tr>
{{/each}}
</table>
</p>

twiddle.json

{
  "version": "0.8.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.5.1",
    "ember-data": "2.5.2",
    "ember-template-compiler": "2.5.1"
  }
}