Angular 5中我的表格的粘性标题

th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

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

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent implements AfterViewInit {
  @ViewChild('table') table: any;

  ngAfterViewInit() {
    const tableHeader = this.table.nativeElement.querySelector('thead');
    tableHeader.style.position = 'sticky';
    tableHeader.style.top = '0';
    tableHeader.style.backgroundColor = '#f5f5f5';
  }
}

<table #table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格数据 -->
  </tbody>
</table>