function getDisplayName(colDef) {
    return (colDef.displayName === undefined)
      ? gridUtil.readableColumnName(colDef.name)
      : colDef.displayName;
  }
@ngdoc array
@name menuItems
@propertyOf ui.grid.class:GridOptions.columnDef
@description used to add menu items to a column.  Refer to the tutorial on this
functionality.  A number of settings are supported:

- title: controls the title that is displayed in the menu
- icon: the icon shown alongside that title
- action: the method to call when the menu is clicked
- shown: a function to evaluate to determine whether or not to show the item
- active: a function to evaluate to determine whether or not the item is currently selected
- context: context to pass to the action function, available in this.context in your handler
- leaveOpen: if set to true, the menu should stay open after the action, defaults to false
@example
<pre>  $scope.gridOptions.columnDefs = [
  { field: 'field1', menuItems: [
    {
      title: 'Outer Scope Alert',
      icon: 'ui-grid-icon-info-circled',
      action: function($event) {
        this.context.blargh(); // $scope.blargh() would work too, this is just an example
      },
      shown: function() { return true; },
      active: function() { return true; },
      context: $scope
    },
    {
      title: 'Grid ID',
      action: function() {
        alert('Grid ID: ' + this.grid.id);
      }
    }
  ] }]; </pre>