Группировка таблиц не работает

Я хотел бы использовать группирование для данных в NG-таблицы, но не работает и нет ошибок в консоли. Я следовал с http://ng-table.com/#/grouping/demo-grouping-basic и не знаю данных о simpleList!

demoApp.controller('demoController', function($scope, NgTableParams) {

      $scope.testData = [{
        name: 'john',
        age: 50
      }, {
        name: 'albert',
        age: 25
      }];

      $scope.tableParams = new NgTableParams({
        // initial grouping
        group: "name"
      }, {
        dataset: $scope.testData
      });
    }
<div class="row">
  <div class="col-md-6">
    <h3>ngTable directive</h3>
    <table ng-table="tableParamsPostCnt" class="table table-condensed table-bordered table-hover">
      <colgroup>
        <col width="30%" />
      </colgroup>

      <tr class="ng-table-group" ng-repeat-start="group in $groups">
        <td colspan="3">
          <a href="" ng-click="group.$hideRows = !group.$hideRows">
            <span class="glyphicon" ng-class="{ 'glyphicon-chevron-right': group.$hideRows, 'glyphicon-chevron-down': !group.$hideRows }"></span>
            <strong>{{ group.value }}</strong>
          </a>
        </td>
      </tr>

      <tr ng-hide="group.$hideRows" ng-repeat="user in group.data" ng-repeat-end>
        <td sortable="'name'" data-title="'name'" groupable="'name'" ng-if="false">
          {{user.name}}
        </td>
      </tr>

    </table>
  </div>
</div>

1 ответ

<table ng-table="vm.tableParams" class="table" show-filter="true">

  <colgroup>
    <col width="60%" />
    <col width="20%" />
    <col width="20%" />
  </colgroup>
  <tr class="ng-table-group" ng-repeat-start="group in $groups">
    <td colspan="2">
      <a href="" ng-click="group.$hideRows = !group.$hideRows">
        <span class="glyphicon" ng-class="{ 'glyphicon-chevron-right': group.$hideRows, 'glyphicon-chevron-down': !group.$hideRows }"></span>
        <strong>{{ group.value }}</strong>
      </a>
    </td>
  </tr>

 <tr ng-hide="group.$hideRows" ng-repeat="user in group.data" ng-repeat-end>
    <td title="'Name'" filter="{ Name: 'text'}" sortable="'Name'">
      {{user.name}}
    </td>
    <td title="'Age'" filter="{ Value: 'number'}" sortable="'Value'">
      {{user.age}}
    </td>
  </tr>
</table>

Другие вопросы по тегам