title: add column dynamically to table json and angular.js
body: <p>I want to add a column dynamically to the table. My code is based on angularjs and json. The table structure is defined in a file abc.json. I want to a column to this table. I ant to do it dynamically.</p>
  
  <p>I tried the following:</p>
  
  <pre><code>var newCol = [{name: "abc", type: "textarea", displayName: "ABC"}];
  table.push(newCol);
  $scope.cfg = table;
  table = angular.copy($scope.cfg);
  </code></pre>
  
  <p>I am able to add new column but the column data is always undefined. Moreover, I want this column to be stored in the table once it is added.</p>