title: ui-grid column header menu not showing
body: <p><a href="https://i.stack.imgur.com/zABUR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zABUR.png" alt="enter image description here"></a></p>
  
  <p>As the photo shows, the column menu is not shown.</p>
  
  <p>Here is my setting of the grid:</p>
  
  <pre><code>angular.module('app.ReportCtrl',['ngSanitize','ngTouch','ngCsv','ui.grid.grouping','ui.grid','ui.grid.autoResize','ui.grid.resizeColumns', 'ui.grid.moveColumns', 'reportFilters', 'reportDirectives', 'ui.bootstrap','ui.sortable'])
  .controller('ReportCtrl',function($http, uiGridConstants,uiGridGroupingConstants,$rootScope, $scope, $filter, $timeout, PropertyService, EventService, SearchService, FormService, DatabaseService, ReportService, $location, $locale, EventColors, $modal, $q){
  
  $scope.gridOptions = {
          data: 'queryResult',
          enableSorting: true,
          showColumnFooter: true,
          enableColumnResize : true,
  
      };
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="table" class="gridStyle" ui-grid='gridOptions'  ui-grid-auto-resize ui-grid-grouping ui-grid-resize-columns ui-grid-move-columns&gt;&lt;/div&gt;    
  </code></pre>
  
  <p><strong>Update</strong>
  when I click the button I get an error:</p>
  
  <blockquote>
  <pre><code>Error: [$compile:ctreq] Controller 'ngModel', required by directive 'ngFocus', can't be found!
  </code></pre>
  </blockquote>
  
  <p><strong>Update</strong>
  When I click the button, there is no item in menuitem.
  <a href="https://i.stack.imgur.com/GLExZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GLExZ.png" alt="enter image description here"></a></p>
  
  <p>Did I miss anything?</p>