title: Re-show hidden column in ui-grid AngularJs
body: <p>I am using ui-grid in one of my projects and one of the requirement is to hide/show columns in the grid. Hiding columns working well but then how can I re-show the hidden column?</p>
  
  <p>After searching awhile I found that in ng-grid there is showColumnMenu which provide the ability to show column after hiding it, <a href="http://plnkr.co/edit/VXOzBIRfyY3FoCTct9PI?p=preview" rel="noreferrer">see this example I found</a></p>
  
  <pre><code>$scope.gridOptions = {
  data: 'myData',
  columnDefs: [{
                  field: "id",
                  visible: false
              },{
                  field: "name",
                  displayName : "name"
              },{
                  field: "age",
                  displayname: "age",
  
              }] ,
  multiSelect: false,
  showGroupPanel: true,
  selectedItems: [],
  showColumnMenu: true };
  </code></pre>
  
  <p>, but in ui-grid using showColumnMenu is not working.</p>
  
  <p>I was wondering if someone know how to show hidden columns.</p>
  
  <p>Thanks,</p>