title: How to hide column in ng grid
body: <p>here is my code:</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="myApp"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;title&gt;AngularJS Plunker&lt;/title&gt;
    &lt;link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng- grid/css/ng-grid.css" /&gt;
    &lt;link rel="stylesheet" type="text/css" href="style.css" /&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="http://angular-ui.github.com/ng-grid/lib/ng-grid.debug.js"&gt;&lt;/script&gt;
    &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-controller="MyCtrl"&gt;
      &lt;div class="gridStyle" ng-grid="gridOptions"&gt;&lt;/div&gt;
      &lt;div class="selectedItems"&gt;Selected ID:{{mySelections[0].id}}&lt;/div&gt;&lt;br&gt;&lt;br&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>var app = angular.module('myApp', ['ngGrid']);
  app.controller('MyCtrl', function($scope) {
    $scope.mySelections = [];
    $scope.myData = [{empno: 111, name: "Moroni", id: 1},
                     {empno: 222, name: "Tiancum", id: 2},
                     {empno: 333, name: "Jacob", id: 3},
                     {empno: 444, name: "Nephi", id: 4},
                     {empno: 555, name: "Akon", id: 5},
                     {empno: 666, name: "Enos", id: 6}];
    $scope.gridOptions = { 
      data: 'myData',
      selectedItems: $scope.mySelections,
      multiSelect: false
    };
  });
  </code></pre>
  
  <p>Q1: I want to hide the id column in ng-grid. 
  Q2: After hiding the id column, may I get the id value when I select some row?
  How can modify the code?</p>
  
  <p>Hear is the plunk: <a href="http://plnkr.co/OG7WuC05Cp5PO3uYTYWC" rel="noreferrer">Plunk demo</a></p>