Question

我正在尝试在我的项目中使用ngTable分组技术我从这里获取样本

我已经最小化了代码，它在这里完美运行的是codepen

<html>   <div ng-app="myApp" class="container-fluid">
<div class="row">
<div class="col-xs-12">
  <h2 class="page-header">Grouping - basic example</h2>

</div>
<div class="row">
<div class="col-md-6" ng-controller="demoController as demo">
  <h3>ngTable directive</h3>
  <table ng-table="demo.tableParams" class="table table-condensed table-bordered table-hover">
    <colgroup>
      <col width="60%" />
      <col width="20%" />
      <col width="20%" />
    </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="'country'" data-title="'Country'" groupable="'country'" ng-if="false">
        {{user.country}}
      </td>
      <td sortable="'name'" data-title="'Name'" groupable="'name'">
        {{user.name}}
      </td>
      <td sortable="'age'" data-title="'Age'" groupable="'age'">
        {{user.age}}
      </td>
      <td sortable="'money'" data-title="'Money'">
        {{user.money}}
      </td>
    </tr>
  </table>
 </div>

</div>
</div></html>

但是当我试图将它集成到我的项目中时，它给出了一个奇怪的错误。

每当我尝试排序时，更改分页或切换分组，复制数据并将其附加到表的末尾。每次点击都会发生这种情况。

我试过更改angularjs版本，但它不起作用。

这个问题的可能性是什么？

集成到项目中后，ngTable分组不起作用。复制数据

0 个答案: