title: push column between columnames inangular js ng-grid
body: <p>I am trying to add a column on condition basis in a particular position ..this is the code ..it adds the column name at the last position...but i want to add the column "jkl" after the column "def" ...how i will do that??? by the following code it adds the column in end position.....</p>
  
  <pre><code>$scope.columnNames = [
              {field: "abc", displayName: $scope.lable_abc, cellTemplate: '&lt;div class="celltemplate" tooltip="{{row.entity.abc}}" tooltip-append-to-body="true"  style="padding-left:10px" &gt; {{row.entity.abc}}&lt;div&gt;'},
  
              {field: "def", displayName: $scope.lable_def, cellTemplate: '&lt;div class="celltemplate" title="{{row.entity.def}}" style="padding-left:10px" &gt; {{row.entity.def}}&lt;div&gt;'},
  
              {field: 'ghi', displayName: $scope.lable_ghi, cellTemplate: '&lt;center&gt;&lt;div&gt; &lt;img src="{{row.entity.ghi}}" width="20px" &gt;&lt;/div&gt;&lt;/center&gt;', width: 60},
  
          ];
          if($scope.x == "2" || $scope.y == "3")
              {
                  $scope.columnNames.push({field: "jkl", displayName: $scope.lable_jkl, cellTemplate: '&lt;div class="celltemplate" title="{{row.entity.jkl}}" style="padding-left:10px" &gt; {{row.entity.jkl}}&lt;div&gt;'});
              }
  </code></pre>