'Colspan and custom filter (2.5.0)

components.gh-avatar.js

import Ember from 'ember';

const {computed} = Ember;
const {alias} = computed;

export default Ember.Component.extend({
  tagName: 'img',
  attributeBindings: ['src', 'alt', 'style'],
  src: alias('record.author.avatarUrl'),
  alt: alias('record.author.login'),
  
  style: computed(function () {
    return Ember.String.htmlSafe('width: 30px; height: 30px');
  })
});

components.semver-filter.js

import Ember from 'ember';

export default Ember.Component.extend({
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Colspan and custom filter (2.5.0)'
});

controllers.index.js

import Ember from 'ember';

export default Ember.Controller.extend({
  columns: [
    {
      component: 'href-to', 
      anchorPropertyName: 'tagName', 
      hrefPropertyName: 'htmlUrl', 
      title: 'Tag', 
      filteredBy: 'tagName'
    },
    {
      propertyName: 'publishedAt', 
      simple: true
    },
    {
      component: 'gh-avatar',
      colspanForFilterCell: 2,
      colspanForSortCell: 2,
      title: 'Author',
      filteredBy: 'author.login',
      sortedBy: 'author.login'
    },
    {
      component: 'href-to',
      title: 'Profile URL',
      anchorPropertyName: 'author.login',
      hrefPropertyName: 'author.htmlUrl'
    }
  ]
});

routes.index.js

import Ember from 'ember';

export default Ember.Route.extend({
  
  model() {
    return this.get('store').query('github-release', { repo: 'emberjs/ember.js', per_page: 100 });
  }
  
});

templates.application.hbs

<div class="container">
  <h1>{{appName}}</h1>
  {{outlet}}
</div>

templates.components.gh-avatar.hbs

{{yield}}

templates.components.href-to.hbs

<a href={{get record column.hrefPropertyName}}>{{get record column.anchorPropertyName}}</a>

templates.components.semver-filter.hbs

{{yield}}

templates.index.hbs

{{models-table 
  data=model
  columns=columns 
  showGlobalFilter=false
}}

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",
    "bs-css": "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css",
    "bs-js": "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
  },
  "addons": {
    "ember-data": "2.16.3",
    "ember-models-table": "2.5.0",
    "ember-data-github": "0.7.0"
  }
}