我正在将datatables with buttons集成到我的AngularJS应用程序中。
一切看起来都很好(分页,列排序,导出按钮),但是当我尝试打印/复制/导出表时,它只输出标题,即使剩下的数据在那里。
数据是从$ http电话加载的:
$http({
method: 'GET',
url: $rootScope.apiURL+'getAllClientProducts/'+session,
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function(response){
if(response.ErrorMessage === null && response.Result !== null){
$scope.products = Object.keys(response.Result).map(function (key) {return response.Result[key]});
}
})
.error(function(data){
alert('Something went wrong. Please try again.');
});
这些是我的表选项:
$scope.dtOptions = DTOptionsBuilder.fromSource('data.json')
.withDOM('frtip')
.withPaginationType('full_numbers')
// Active Buttons extension
.withButtons([
'copy',
'print',
'excel'
]);
这是我桌子的HTML:
<table class="table table-striped table-bordered table-hover" datatable="ng" dt-options="dtOptions">
<thead>
<tr>
<th st-sort="Name">{{ 'NAME' | translate }}</th>
<th st-sort="Description">{{ 'DESCRIPTION' | translate }}</th>
<th st-sort="Barcode">{{ 'BAR_CODE' | translate }}</th>
<th st-sort="InternalCode">{{ 'INTERNAL_CODE' | translate }}</th>
<th st-sort="SaleUnitType">{{ 'SALE_UNIT_TYPE' | translate }}</th>
<th st-sort="UnitMeasure">{{ 'MEASURE_UNIT' | translate }}</th>
<th st-sort="Status">{{ 'STATUS' | translate }}</th>
<th>{{ 'ACTIONS' | translate }}</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="product in products">
<td>{{ product.Name }}</td>
<td>{{ product.Description }}</td>
<td>{{ product.Barcode }}</td>
<td>{{ product.InternalCode }}</td>
<td>{{ product.SaleUnitType }}</td>
<td>{{ product.UnitMeasure }}</td>
<td>{{ product.Status }}</td>
<td>
<a class="btn btn-primary btn-xs" ng-click="edit(product.InvProductId)"><i class="fa fa-edit"></i> {{'EDIT' | translate}}</a>
</td>
</tr>
</tbody>
</table>
我做错了吗?提前谢谢。