有没有人能用Angular中的HTML、CSS和JavaScript来制作一个四列的动态表格

<table>
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
      <th>列4</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of data">
      <td>{{item.col1}}</td>
      <td>{{item.col2}}</td>
      <td>{{item.col3}}</td>
      <td>{{item.col4}}</td>
    </tr>
  </tbody>
</table>

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

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent {
  data = [
    { col1: '数据1', col2: '数据2', col3: '数据3', col4: '数据4' },
    { col1: '数据5', col2: '数据6', col3: '数据7', col4: '数据8' },
    { col1: '数据9', col2: '数据10', col3: '数据11', col4: '数据12' }
    // 可以根据实际需求添加更多的数据
  ];
}