Issue in the Table with pagination component

Asked Aug 30 '18 at 11:24

Active Aug 30 '18 at 11:38

Viewed 53 times

I am using Table with pagination component in my project.After importing the component,Even the default page size(i,e items per page)is 5 its showing full list(20).as shown in below image

In TS file inside the ngOnInit()

I have placed this.dataSource.paginator = this.paginator; has shown in below

ngOnInit() {
this.addsessionForm = this.fb.group({
  'startdate': [null, [Validators.required, ]],
  'lastdate': [null, [Validators.required, ]],
  'price': [this.amount, [Validators.required, Validators.pattern('[0-9-!@#$%*?*]+')] ],
});
  this.dataSource.paginator = this.paginator;

}

Can i declare this.dataSource.paginator = this.paginator; inside other ngOnInit() whether it's a right way or not?

edited Aug 30 '18 at 11:38

asked Aug 30 '18 at 11:24

PGH

2,164
9
34
62

1

It's usually a lifecycle issue. Either move it to `ngAfterContentChecked` (the last hook), or use a timeout like so `setTimeout(() => this.dataSource.paginator = this.paginator)` – Aug 30 '18 at 11:27
I tried your answers, still same the issue. – PGH Aug 30 '18 at 11:33
Then please provide a [mcve] reproducing it. Once provided, I'll reopen your question. – Aug 30 '18 at 11:34
OK i will do it. – PGH Aug 30 '18 at 11:35
https://stackblitz.io, just in case ! – Aug 30 '18 at 11:35
I solved it, thank you.@trichetriche – PGH Aug 30 '18 at 11:39

Issue in the Table with pagination component

0 Answers0