New Twiddle

components.model-table.js

import Ember from 'ember';
import ModelsTable from 'addons/ember-models-table';

export default Ember.Component.extend({
    columns: [ 
    { 
      template:"delete-box",
      title:'Delete'
    }, 
    { 
      propertyName: 'book.name', 
      title:'Title'
    }, 
    { 
    	propertyName: 'book.editor.name', 
      title: 'Editor'
    },
    { 
    	propertyName: 'book.year', 
    	title: 'Year'
    }
   ]
});

controllers.application.js

import Ember from 'ember';

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

routes.application.js

import Ember from 'ember';

export default Ember.Route.extend({
    model() {
    return [
      {
        book: {
        	id: 1,
        	name: 'My book',
        	year: 2016,
        	editor: {
	          name: 'me'
	        }
      	},
        languages: [
          {name: 'ru'},
          {name: 'en'}
        ]
      },
      {
        book: {
        	id: 2,
        	name: 'My book 2',
        	year: 2017,
        	editor: {
	          name: 'not me'
	        }
      	},
        languages: [
          {name: 'ru'}
        ]
      }
    ];
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
<ModelTable @data={{model}} />
<br>
<br>

templates.components.model-table.hbs

<ModelsTable
  @data={{data}}
  @columns={{columns}}
  @columnComponents={{hash
    deleteRow=(
    component "options-column"
    onClick=(action "deleteRecord")
    )}}
/>

twiddle.json

{
  "version": "0.15.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "3.4.3",
    "ember-template-compiler": "3.4.3",
    "ember-testing": "3.4.3"
  },
  "addons": {
    "ember-data": "3.4.2",
    "ember-models-table": "3.0.0-beta.1"
  }
}