title: How to filter in ngTable
body: <p>With Angular, I'm doing http request to take data. I've added ngTable and using it to display data. They correctly display in the table but I can't filters, sorting and delete them. Why? </p>
  
  <p>js:</p>
  
  <pre><code>      $scope.cancel = cancel;
  
  function cancel(row, rowForm) {
    var originalRow = resetRow(row, rowForm);
    angular.extend(row, originalRow);
  }
  
  $scope.tableParams.reload().then(function(data) {
    if (data.length === 0 &amp;&amp; $scope.tableParams.total() &gt; 0) {
      $scope.tableParams.page($scope.tableParams.page() - 1);
      $scope.tableParams.reload();
    }
  });
  
    $http.get('my_url')
  .success(function(data, status) {
    $scope.data = data;
  
    $scope.tableParams = new ngTableParams({
      page: 1,            // show first page
      count: 10          // count per page
    }, {
      total: $scope.data.length, // length of data
      getData: function($defer, params) {
        // use build-in angular filter
        var orderedData = params.sorting() ?
          $filter('orderBy')($scope.data, params.orderBy()) :
          $scope.data;
  
        $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
      }
    });
  });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>    &lt;table ng-table="tableParams" show-filter="true" class="table table-bordered table-striped"&gt;
    &lt;tr ng-repeat="row in data track by row.id"&gt;
      &lt;td title="'Id'" filter="{id: 'text'}" sortable="'id'"&gt;{{row.id}}&lt;/td&gt;
      &lt;td title="'Company'" filter="{company: 'text'}" sortable="'company'"&gt;{{row.company}}&lt;/td&gt;
      &lt;td title="'Email'" filter="{email: 'text'}" sortable="'email'"&gt;{{row.email}}&lt;/td&gt;
      &lt;td title="'Note'" filter="{note: 'text'}" sortable="'note'"&gt;{{row.note}}&lt;/td&gt;
      &lt;td&gt;
        &lt;button class="btn btn-default btn-sm" ng-click="cancel(row, rowForm)"&gt;&lt;span class="glyphicon glyphicon-remove"&gt;&lt;/span&gt;&lt;/button&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>