Affichage en tableau pour les autres pages

This commit is contained in:
Sébastien André
2019-10-10 15:00:52 +02:00
parent a29626cd51
commit ed37fb01c9
8 changed files with 73 additions and 34 deletions

View File

@@ -1,4 +1,7 @@
import { Component, OnInit } from '@angular/core';
import { Component, OnInit, ViewChild } from '@angular/core';
import { MatPaginator } from '@angular/material/paginator';
import { MatTableDataSource } from '@angular/material/table';
import { Observable } from 'rxjs';
import { JumpResp } from '../../models/jump';
import { ServiceApi } from '../../services/serviceApi';
@@ -12,6 +15,9 @@ import { ServiceComm } from '../../services/serviceComm';
})
export class ListOfJumpsComponent implements OnInit {
public listOfJumps: Observable<Array<JumpResp>>;
public displayedColumns: Array<string> = ['id'];
public dataSourceTable;
@ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
constructor(private serviceApi: ServiceApi, private serviceComm: ServiceComm) {
}
@@ -23,5 +29,9 @@ export class ListOfJumpsComponent implements OnInit {
getListOfJumps() {
this.listOfJumps = this.serviceApi.getListOfJumps();
this.listOfJumps.subscribe(data => {
this.dataSourceTable = new MatTableDataSource<JumpResp>(data);
this.dataSourceTable.paginator = this.paginator;
});
}
}