Question

我是Angular 6的新手，我已经非常习惯AngularJS，所以这对我来说是一个新领域。我有一个使用angular 6数据表构建并工作的示例表，并且我了解列标题和数据调用，但是是否也有办法实现行标题？

比如说，我有一个表，其中列标题为年份，我的行标题为年份中的月份，数据将基于年份的月份进行填充。目前，我已经安装并运行了angular-6-datatable的传统示例，并尝试对其进行研究，我从此处nmpjs Angular 6 Datatable

检索了信息

Answer 1

为什么不使用材料表进行角度计算，我认为这对刚接触2+角度的人来说是一件好事。 https://material.angular.io/components/table/overview

在您的情况下：

<div class="mat-elevation-z8">
  <table mat-table [dataSource]="dataSource">

    <ng-container matColumnDef="year">
      <th mat-header-cell *matHeaderCellDef> Year </th>
      <td mat-cell *matCellDef="let element"> {{element.year}} </td>
    </ng-container>

    <ng-container matColumnDef="month">
      <th mat-header-cell *matHeaderCellDef> Month</th>
      <td mat-cell *matCellDef="let element"> {{element.month}} </td>
    </ng-container>

    <ng-container matColumnDef="data">
      <th mat-header-cell *matHeaderCellDef> Data</th>
      <td mat-cell *matCellDef="let element"> {{element.data}} </td>
    </ng-container>

    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  </table>

  <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
</div>

Angular 6 Datatable行标题？

1 个答案: