NGX-数据table秒。如何获取当前 table 实例？

Question

我有 table 的组件，它通过 @Input 从另一个组件接收 RowData。我怎样才能得到当前 table.

的实例

那是我的一部分 html

<ngx-datatable
        class="material"
        [rows]="inputData"
        [columns]="columns">
</ngx-datatable>

和组件 ts

export class GridComponent implements OnChanges {
 @Input() inputData: [object];

 columns1 = [
  { prop: 'name' },
  { name: 'Gender' },
  { name: 'Company' }
 ];
}

Answer 1

@Viewchild 是正确的方法，但您应该换一种方式使用它。

这是你想要做的。

Html:

<ngx-datatable
        #firstTable  
        class="material"
        [rows]="inputData"
        [columns]="columns">
</ngx-datatable>

<ngx-datatable
        #secondTable  
        class="material"
        [rows]="inputData"
        [columns]="columns">
</ngx-datatable>

Component.ts:

export class GridComponent implements OnChanges {
 @Input() inputData: [object]; // This line doesn't look right

 @ViewChild('firstTable') myTable1: DatatableComponent;
 @ViewChild('secondTable') myTable2: DatatableComponent;

 columns1 = [
  { prop: 'name' },
  { name: 'Gender' },
  { name: 'Company' }
 ];
}

您可以看看这个页面以供参考： http://learnangular2.com/viewChild/

加法：

您还可以使用 @ViewChildren 选择所有元素，具体取决于您的需要，文档在这里： https://angular.io/api/core/ViewChildren

NGX-数据table秒。如何获取当前 table 实例？

NGX-Datatables. How to get current table instance?

ngx-datatable

angular