@ui-grid/auto-resize/docs/examples/ngjs/app.js

This module provides auto-resizing functionality to UI-Grid

angular.module('app', [
  'ui.grid', 'ui.grid.autoResize'
]).controller('MainCtrl', function ($http, $log) {
  var vm = this;
  vm.gridOptions = {};

  vm.gridOptions.columnDefs = [
    { name:'id', width:50 },
    { name:'name', width:100, pinnedLeft:true },
    { name:'age', width:100, pinnedRight:true  },
    { name:'address.street', width:150  },
    { name:'address.city', width:150 },
    { name:'address.state', width:50 },
    { name:'address.zip', width:50 },
    { name:'company', width:100 },
    { name:'email', width:100 },
    { name:'phone', width:200 },
    { name:'about', width:300 },
    { name:'friends[0].name', displayName:'1st friend', width:150 },
    { name:'friends[1].name', displayName:'2nd friend', width:150 },
    { name:'friends[2].name', displayName:'3rd friend', width:150 },
  ];

  $http.get('http://ui-grid.info/data/500_complex.json')
    .then(function(response) {
      vm.gridOptions.data = response.data;
    }).catch($log.error);

  vm.randomSize = function () {
    var newHeight = Math.floor(Math.random() * (300 - 100 + 1) + 300);
    var newWidth = Math.floor(Math.random() * (600 - 200 + 1) + 200);

    angular.element(document.getElementsByClassName('grid')[0]).css('height', newHeight + 'px');
    angular.element(document.getElementsByClassName('grid')[0]).css('width', newWidth + 'px');
  };
});