如何在 ng2-smart-table 中获取过滤后的行数据值

Question

我正在使用 ng2-smart-table 模块以网格格式显示数据。我想将过滤后的数据导出到 xls 文件中。

Table 的值和第一列是复选框，过滤一个 coumn 数据并获得 10 行，然后单击 header 中的 select 所有复选框select检查所有 10 行（选中所有 10 行）并单击导出按钮，xls 文件中应该只有 10 行值。但是我的 xls 文件具有来自数据库的所有数据值。

Answer 1

试试这个方法

第一种方式：

通过这种方式，您只需设置自定义复选框并获取事件。

import { DomSanitizer } from '@angular/platform-browser';
...
constructor(private _sanitizer: DomSanitizer) { }
...
public settings = {
  columns: {
   checkbox: {
    title: 'Check Box',
    type: 'html',
    valuePrepareFunction: (value) => { return this._sanitizer.bypassSecurityTrustHtml(this.input); },
    filter: false
   },
 }
};
...
public input: string = '<input type="checkbox"></input>';

第二种方式：

对于文档，您将能够通过 ng2-smart-table 中的工具 userRowSelect 获取选定的行数据。

<ng2-smart-table [settings]="settings" [source]="source" (userRowSelect)="onUserRowSelect($event)"></ng2-smart-table>

在您的 .ts 文件中，只需实施 onUserRowSelect() 并存储在数组中。

onUserRowSelect(event): void {
    console.log("Row is ::: ",event);
}

有关信息，请阅读此 events

如何在 ng2-smart-table 中获取过滤后的行数据值

How to get Filtered row data values in ng2-smart-table

ng2-smart-table

angular

angular6