Models Table. Custom filter function example

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Models Table. Custom filter function example'
});

controllers.my-route.js

import Ember from 'ember';

export default Ember.Controller.extend({
  
  columns: [ 
    { 
      propertyName: 'book.name', 
      title:'Title'
    }, 
    { 
    	propertyName: 'book.editor.name', 
      title: 'Editor'
    },
    { 
    	propertyName: 'book.year', 
    	title: 'Year'
    },
    { 
    	template: 'custom/languages', 
    	title: 'Text Language', 
    	propertyName: 'languages',
    	filterFunction(cell, neededStr, obj) {
    		return !!obj.languages.filter(({name}) => name.includes(neededStr)).length;
			}
    }
  ]
  
});

router.js

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('my-route'); 
});

export default Router;

routes.index.js

import Ember from 'ember';

export default Ember.Route.extend({
  
  beforeModel() {
    return this.transitionTo('my-route');
  }
  
});

routes.my-route.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>{{appName}}</h1>
{{outlet}}

templates.custom.languages.hbs

<ul class="csv"> {{#each record.languages as |language|}} <li>{{language.name}}</li> {{/each}} </ul>

templates.my-route.hbs

{{models-table 
	data=model 
 	columns=columns 
 	showColumnsDropdown=false
  filteringIgnoreCase=true 
  showTableFooter=false 
}}

twiddle.json

{
  "version": "0.10.6",
  "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.8.0",
    "ember-data": "2.8.0",
    "ember-template-compiler": "2.8.0",
    "ember-testing": "2.8.0"
  },
  "addons": {
  	"ember-models-table": "1.9.0"
  }
}