title: ngtable inline-editing , can't add row?
body: <p>Getting my head around the ng-table grid. Stuck at the point how to add a new row:</p>
  
  <pre><code>$scope.addRow = function(add) {
        $scope.data.push(add)
        $scope.showAdd = false;
  };
  </code></pre>
  
  <p>Trying to add the new object to the data array but does not work? what is wrong here?</p>
  
  <p>html:</p>
  
  <pre><code>&lt;table class="noborder"&gt;
      &lt;tr&gt;
          &lt;td rowspan="2"&gt;ID: {{add.id}}&lt;input type="hidden" name="id" value="{{add.id}}"&gt;&lt;/td&gt;
          &lt;td&gt;Firstname:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="fn" class="w100" ng-model="add.fn"&gt;&lt;/td&gt;
          &lt;td&gt;Description: &lt;/td&gt;
          &lt;td&gt;Email:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="em" class="w180" ng-model="add.em"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="button" value=" save " ng-click="addRow(p);"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Lastname:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="ln" class="w100" ng-model="add.ln"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="dc" class="w180" ng-model="add.dc"&gt;&lt;/td&gt;
          &lt;td&gt;Phone: &lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="ph" class="w120" ng-model="add.ph"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="button" value=" cancel" ng-click="cancelEdit()"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Here is a plunkr ref: <a href="http://plnkr.co/edit/9woANV?p=preview" rel="nofollow">http://plnkr.co/edit/9woANV?p=preview</a></p>