Javascript 将动态行添加到不显示的表格
我使用分组功能使用ngTable创建了一个应用程序,该应用程序运行良好,但问题是,当我向表中添加动态数据行时,它不会动态反映,除非我们单击表标题进行排序或单击分页 我在一个plunker中重新创建了这个问题,在那里你可以找到一个按钮,当单击时,一个动态行被添加,但没有反映在表中Javascript 将动态行添加到不显示的表格,javascript,angularjs,dynamic,html-table,ngtable,Javascript,Angularjs,Dynamic,Html Table,Ngtable,我使用分组功能使用ngTable创建了一个应用程序,该应用程序运行良好,但问题是,当我向表中添加动态数据行时,它不会动态反映,除非我们单击表标题进行排序或单击分页 我在一个plunker中重新创建了这个问题,在那里你可以找到一个按钮,当单击时,一个动态行被添加,但没有反映在表中 有人能告诉我一些解决方法吗?这可能不是一个理想的解决方案,但却是我唯一能找到的解决方案 您可以添加$scope.tableParamsOne.reload;更新阵列之后 此外,当前当您单击页眉时网格正在更新,它不会更新分
有人能告诉我一些解决方法吗?这可能不是一个理想的解决方案,但却是我唯一能找到的解决方案 您可以添加$scope.tableParamsOne.reload;更新阵列之后
此外,当前当您单击页眉时网格正在更新,它不会更新分页中的页数。要解决这个问题,您可以添加$scope.tableParamsOne.total$scope.myDataOne.length 这可能不是一个理想的解决方案,但却是我唯一能找到的解决方案 您可以添加$scope.tableParamsOne.reload;更新阵列之后
此外,当前当您单击页眉时网格正在更新,它不会更新分页中的页数。要解决这个问题,您可以添加$scope.tableParamsOne.total$scope.myDataOne.length 我也在使用ng-table@4.0.0在成功提交服务器并获得更新ng表的类似问题后,进行本地/客户端插入/删除@布拉德利的上述回答并不直接有效。因此,我追踪源代码,发现重新加载调用了getData。在本例中,将一行插入到目标行集中ctrl.tbContents.rows后,我必须在mytbParams定义中添加以下行,以使ctrl.tbParams.reload起作用:
注:注入ngTableDefaultGetData。我也在使用ng-table@4.0.0在成功提交服务器并获得更新ng表的类似问题后,进行本地/客户端插入/删除@布拉德利的上述回答并不直接有效。因此,我追踪源代码,发现重新加载调用了getData。在本例中,将一行插入到目标行集中ctrl.tbContents.rows后,我必须在mytbParams定义中添加以下行,以使ctrl.tbParams.reload起作用: 注:注入ngTableDefaultGetData
<body ng-app="main" ng-controller="DemoCtrl">
<button ng-click="addDynamicDatas()">Add Datas</button>
<table ng-table="tableParamsOne" class="table">
<tbody ng-repeat="group in $groups">
<tr class="ng-table-group" ng-hide="group.data[0].role==='None'">
<td>
<strong>{{ group.value }}</strong>
</td>
</tr>
<tr ng-repeat="user in group.data">
<td sortable="name" data-title="'Name'">
<span ng-class="{'bold-text': user.role=='None'}" ng-show="user.role==='None'"> {{user.name}}</span>
</td>
<td sortable="age" data-title="'Age'">
{{user.age}}
</td>
</tr>
</tbody>
</table>
</body>
$scope.addDynamicDatas = function()
{
$scope.myDataOne.push({name: "Abcd", age: 10, role: 'Administrator'});
}
getData: function() {
return ngTableDefaultGetData(ctrl.tbContents.rows, ctrl.tbParams);
}