Javascript 将delete按钮中的delete事件添加到Angular上的每一行Datatables中，并将背景色添加到按钮中

我可以在每一行数据表中放置一个按钮，但该按钮没有任何功能，我不知道如何向该按钮添加删除事件。有人能帮我吗？希望你也给我演示；） *ps：还有，如何在打印上添加背景色，导出按钮。类名：red（在TS上）和.red{background color:red；}（在CSS上）不起作用：/ *另一个提示：我正在使用datatables.net

TS文件

products:any=（数据为any）。默认值；
ngOnInit（）：void{
此.dtOptions={
阿贾克斯：{
url:“”，
键入：“GET”，
数据类型：“json”，
},
栏目：[
{
标题：“ID”，
数据：“id”，
},
{
标题：“姓名”，
数据：“名称”，
},
{
标题：“性别”，
数据：“性别”，
},
{
标题：“选择权”，
数据：空，
默认内容：
“你可以检查一下

您需要在删除过程后重新加载。您可以添加如下按钮并赋予其功能

<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover">
  <thead>
    <tr>
      <th>ID</th>
      <th>First name</th>
      <th>Last name</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let person of persons">
      <td>{{ person.id }}</td>
      <td>{{ person.firstName }}</td>
      <td>{{ person.lastName }}</td>
      <td><button class="btn-delete" (click)="deleterow(person)">Remove</button> </td>
    </tr>
    <tr *ngIf="persons?.length == 0">
      <td colspan="4" class="no-data-available">No data!</td>
    </tr>
  </tbody>
</table>

并将您的afterinit更改为

ngAfterViewInit(): void {
    this.dtTrigger.next();
}

你能创建stackblitz演示吗？仍在尝试，idk为什么数据表没有显示：//
<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover">
  <thead>
    <tr>
      <th>ID</th>
      <th>First name</th>
      <th>Last name</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let person of persons">
      <td>{{ person.id }}</td>
      <td>{{ person.firstName }}</td>
      <td>{{ person.lastName }}</td>
      <td><button class="btn-delete" (click)="deleterow(person)">Remove</button> </td>
    </tr>
    <tr *ngIf="persons?.length == 0">
      <td colspan="4" class="no-data-available">No data!</td>
    </tr>
  </tbody>
</table>

 deleterow(person){
    console.log(person);
    //here do delete event
    const that = this;
    this.rerender()
 }
 rerender(): void {
    this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
      dtInstance.destroy();
      this.dtTrigger.next();
    });
 }

ngAfterViewInit(): void {
    this.dtTrigger.next();
}