如何在angular 5中动态添加和删除表行和表列？

<table>
  <tr *ngFor="let row of tableData">
    <td>{{ row.column1 }}</td>
    <td>{{ row.column2 }}</td>
    <!-- 其他列 -->
  </tr>
</table>
<button (click)="addRow()">添加行</button>

export class YourComponent {
  tableData: any[] = [
    { column1: '数据1', column2: '数据2' },
    // 其他行数据
  ];

  addRow() {
    this.tableData.push({ column1: '新数据1', column2: '新数据2' });
  }
}

<table>
  <tr *ngFor="let row of tableData; let i = index">
    <td>{{ row.column1 }}</td>
    <td>{{ row.column2 }}</td>
    <!-- 其他列 -->
    <td><button (click)="deleteRow(i)">删除</button></td>
  </tr>
</table>

export class YourComponent {
  tableData: any[] = [
    { column1: '数据1', column2: '数据2' },
    // 其他行数据
  ];

  deleteRow(index: number) {
    this.tableData.splice(index, 1);
  }
}