如何在Angular 8中将按钮添加到ngx-datatable中的列？

在Angular 8中将按钮添加到ngx-datatable中的列，可以按照以下步骤进行操作：

首先，确保已经安装了ngx-datatable组件。可以使用以下命令进行安装：

npm install @swimlane/ngx-datatable --save

在需要使用ngx-datatable的组件中，导入ngx-datatable模块：

import { NgModule } from '@angular/core';
import { NgxDatatableModule } from '@swimlane/ngx-datatable';

@NgModule({
  imports: [
    NgxDatatableModule
  ]
})
export class YourModule { }

在组件的HTML模板中，使用ngx-datatable组件，并在需要添加按钮的列中使用ngx-datatable-cell-template指令：

<ngx-datatable [rows]="data">
  <ngx-datatable-column name="Name">
    <ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value">
      {{ value }}
    </ng-template>
  </ngx-datatable-column>
  <ngx-datatable-column name="Actions">
    <ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-row="row">
      <button (click)="onButtonClick(row)">Edit</button>
    </ng-template>
  </ngx-datatable-column>
</ngx-datatable>

在组件的TS文件中，实现按钮点击事件的处理逻辑：

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

@Component({
  selector: 'your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  data = [
    { Name: 'John' },
    { Name: 'Jane' },
    { Name: 'Bob' }
  ];

  onButtonClick(row: any) {
    // 处理按钮点击事件
    console.log('Button clicked for row:', row);
  }
}

这样，就可以在ngx-datatable的列中添加按钮，并实现按钮点击事件的处理。请注意，以上示例中的按钮只是一个简单的示例，你可以根据实际需求进行定制和扩展。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整配置，支持多种操作系统，具备高性能、高可靠性和高安全性。产品介绍链接地址：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：提供海量、安全、低成本的云存储服务，适用于图片、音视频、文档等各种类型的数据存储和访问场景。产品介绍链接地址：https://cloud.tencent.com/product/cos