import Ember from 'ember';
import Table from 'ember-light-table';

const { isEmpty, computed } = Ember;

export default Ember.Component.extend({
  page: 1,
  limit: 20,
  dir: 'asc',
  sort: null,
  model: null,
  isLoading: false,
  canLoadMore: true,

  columns: computed(function() {
    return [{
      label: 'Avatar',
      valuePath: 'avatar',
      width: '60px',
      sortable: false,
      cellComponent: 'user-avatar'
    }, {
      label: 'First Name',
      valuePath: 'firstName',
      width: '150px',
      resizable: true
    }, {
      label: 'Last Name',
      valuePath: 'lastName',
      width: '150px',
      resizable: true
    }, {
      label: 'Address',
      valuePath: 'address',
      resizable: true
    }, {
      label: 'State',
      valuePath: 'state',
      resizable: true
    }, {
      label: 'Country',
      valuePath: 'country',
      resizable: true
    }];
  }),

  table: computed('model', function() {
    return new Table(this.get('columns'), this.get('model'), { enableSync: true });
  }),

  fetchRecords() {
    this.set('isLoading', true);
    this.store.query('user', this.getProperties(['page', 'limit', 'sort', 'dir'])).then(records => {
      this.get('model').pushObjects(records.toArray());
      this.set('isLoading', false);
      this.set('canLoadMore', !isEmpty(records));
    });
  },

  actions: {
    onScrolledToBottom() {
      if(this.get('canLoadMore')) {
        this.incrementProperty('page');
        this.fetchRecords();
      }
    },

    onColumnClick(column) {
      if (column.sorted) {
        this.setProperties({
          dir: column.ascending ? 'asc' : 'desc',
          sort: column.get('valuePath'),
          page: 1
        });
        this.get('model').clear();
        this.fetchRecords();
      }
    }
  }
});

@@ -499,45 +499,71 @@
     
-width: '150px',%0A      resizable: true
+resizable: true,%0A      minResizeWidth: 50,%0A      width: '150px'
 %0A   
@@ -633,45 +633,71 @@
     
-width: '150px',%0A      resizable: true
+resizable: true,%0A      minResizeWidth: 50,%0A      width: '150px'
 %0A   
@@ -767,32 +767,59 @@
  resizable: true
+,%0A      minResizeWidth: 100
 %0A    %7D, %7B%0A      
@@ -877,24 +877,51 @@
 izable: true
+,%0A      minResizeWidth: 100
 %0A    %7D, %7B%0A  
@@ -991,16 +991,43 @@
 le: true
+,%0A      minResizeWidth: 100
 %0A    %7D%5D;

Update resizable snippet