Angular js数据表使用

时间:2018-09-20 11:18:16

标签: angularjs datatables

如何将基本表转换为数据表。我的表代码在这里。 我添加了datatables.net模块,但无法使用。

<table class="table table-striped" id="myTable">
<thead>
<tr>
  <th>Kategori ID</th>
  <th>Ürün ID</th>
  <th>Ürün Adı</th>
  <th>Ürün Hacmi</th>
  <th>Ürün Fiyatı</th>
  <th>Ürün Sayısı</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let item of products">
<td>{{item.productId}}</td>
<td>{{item.categoryId}}</td>
<td>{{item.productName}}</td>
<td>{{item.quantityPerUnit}}</td>
<td>{{item.unitPrice}}</td>
<td>{{item.unitsInStock}}</td>
</tr>
</tbody>

</table>

1 个答案:

答案 0 :(得分:0)

如果您添加了数据表的依赖项,则只需在表标签中添加属性

<table datatable="" class="table table-striped" id="myTable">
...
</table>

如果未添加依赖项,则使用

添加它
angular.module('MyApp', ['datatables']);

有关更多详细信息,请访问http://l-lin.github.io/angular-datatables/archives/#!/zeroConfig