I'm trying to show the first `tr` in the table and hiding other `tr` by default. I tried to use ng-show and ng-hide but it is not working. 

This is not my plunker, I used it to get the grouping and I'm trying the above in the same. So, by default area1 should be visible and area2 should be collapsed.Only on clicking area2, area1 should collapse.

```js
var app = angular.module('app', ['ngTable']);

app.controller('myCtl', function($scope, $timeout, NgTableParams) {

  $scope.data = [{
      uid: 'User 11',
      name: 'Name 11',
      area: 'Area 1'
    },
    {
      uid: 'User 12',
      name: 'Name 12',
      area: 'Area 1'
    },
    {
      uid: 'User 21',
      name: 'Name 21',
      area: 'Area 2'
    },
    {
      uid: 'User 22',
      name: 'Name 22',
      area: 'Area 2'
    }
  ];

  $scope.tableParams = new NgTableParams({
    group: "area"
  }, {
    dataset: $scope.data
  });

});
```

```html
<!DOCTYPE html>
<html>

<head>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet" data-semver="3.3.6" data-require="bootstrap-css@3.3.6" />
  <script data-require="angular.js@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.css" />
  <script src="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.js"></script>
  <script src="script.js"></script>
</head>

<body>
  <div ng-controller="myCtl" ng-app="app">

    <table ng-table="tableParams" class="table table-bordered table-hover" show-group="false">
      <colgroup>
        <col width="50%" />
        <col width="30%" />
      </colgroup>
      <tr class="ng-table-group" ng-repeat-start="group in $groups">
        <td colspan="2">
          <a href="">
                  {{ group.value }}
                </a>
        </td>
      </tr>
      <tr ng-repeat="u in group.data" ng-repeat-end>
        <td title="'User ID'">{{ u.uid }}</td>
        <td title="'Name'">{{ u.name }}</td>
        <td title="'Area'">{{ u.area }}</td>
      </tr>
    </table>

  </div>
</body>

</html>
```

<http://plnkr.co/edit/M8BcStInfSaSEaq6UVN7?p=preview>[plunker example](http://plnkr.co/edit/M8BcStInfSaSEaq6UVN7?p=preview)