title: Angular UI-Grid: In a cell template, how to access the value from a different field/cell
body: <p>I've been trying to use the Angular UI-Grid plugin to render data tables, and I have the following example data:</p>
  
  <pre><code>var data = [
  {"id" : 10, "name" : "Name 1", "city" : "San Francisco"},
  {"id" : 12, "name" : "Name 2", "city" : "San Diego"},
  {"id" : 20, "name" : "Name 3", "city" : "Santa Barbara"},
  ];
  </code></pre>
  
  <p><strong>below is the columnDefs for gridOptions, in the name field, I need to create a hyperlink using ui-sref</strong></p>
  
  <pre><code>$scope.gridOptions.columnDefs = [
  {field: 'id', displayName: 'ID'},
  {field: 'name',
  cellTemplate: '&lt;div class="ui-grid-cell-contents tooltip-uigrid" title="{{COL_FIELD}}"&gt;' +
                         '&lt;a ui-sref="main.placeDetail{{placeId: \'{{row.entity.id}}\' }}"&gt;{{COL_FIELD CUSTOM_FILTERS}}&lt;/a&gt;&lt;/div&gt;'
  },
  {field: 'city', enableSorting: true}
  ];
  </code></pre>
  
  <p>The table is rendered fine except for the <strong>row.entity.id</strong> value. The values I get in the hyperlinks (inside the <strong>name column</strong>) are sequential: 1, 2, and 3, instead of 10, 12, and 20 as defined in the <strong>data array</strong>, however, the <strong>id</strong> values displayed in the <strong>ID</strong> column is what I am expecting: 10, 12, and 20. I wonder how you would access the <strong>id</strong> field value inside the <strong>name</strong> field, and why are the <strong>id</strong> in the <strong>name</strong> cell are sequential?</p>