New Twiddle

components.table-grid-cell.js

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ["TableGridCell"]
});

components.table-grid-row.js

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: ''
});

components.table-grid.js

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['grid', 'TableGrid'],
  _row: 0,
  _column: 0,
  actions: {
    _incRow: () => this.set('_row', this.get('_row')+1),
    _incCol: () => this.set('_column', this.get('_column')+1)
  }
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

helpers.compute.js

import Ember from 'ember';

export function compute([action, ...params]) {
  return action(...params);
}

export default Ember.Helper.helper(compute);

helpers.range.js

import Ember from 'ember';

export function range([num]) {
  let numbers = [];
  for (let i=0; i<num; i++) numbers.push(i);
  console.log("numbers are", numbers)
  return numbers;
}

export default Ember.Helper.helper(range);

templates.application.hbs

{{#table-grid}}
  {{#table-grid-row}}
    {{#table-grid-cell}}
      Hiii
    {{/table-grid-cell}}
  {{/table-grid-row}}
  
  {{#table-grid-row}}
    {{#table-grid-cell}}
      Hi
    {{/table-grid-cell}}
  {{/table-grid-row}}
{{/table-grid}}

templates.components.table-grid-cell.hbs

{{yield}}

templates.components.table-grid-row.hbs

{{yield}}

templates.components.table-grid.hbs

{{yield}}

twiddle.json

{
  "version": "0.13.0",
  "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.16.2",
    "ember-template-compiler": "2.16.2",
    "ember-testing": "2.16.2"
  },
  "addons": {
    "ember-data": "2.16.3"
  }
}