import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'mat-demo-table',
  template: `
  <nz-table class="mat-table" #nzTable [nzDataSource]="data" [nzPageSize]="10">
    <thead nz-thead>
      <tr>
        <th nz-th><span>Name</span></th>
        <th nz-th><span>Age</span></th>
        <th nz-th><span>Address</span></th>
      </tr>
    </thead>
    <tbody nz-tbody>
      <tr nz-tbody-tr *ngFor="let data of nzTable.data">
        <td nz-td>
          <a>{{ data.name }}</a>
        </td>
        <td nz-td>{{ data.job }}</td>
        <td nz-td>{{ data.address }}</td>
      </tr>
    </tbody>
  </nz-table>
  `,
  styleUrls: ['./mat-demo-table.component.less']
})
export class MatDemoTableComponent {
  data = [
    {
      name: 'Ciri',
      job: 'Witcher, King',
      address: '居无定所，可穿梭于时空之间'
    },
    {
      name: 'Yennefer',
      job: 'Sorceress',
      address: '尼弗伽徳王宫二楼外交部'
    },
    {
      name: 'Geralt',
      job: 'Witcher',
      address: '诺维格瑞香草酒馆'
    }
  ];
}