Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Performance issue: data table with pagination

See original GitHub issue

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Data Table should not recreate the rows when going to the next page.

What is the current behavior?

Data Table should reuse the rows when going to the next page.

What are the steps to reproduce?

https://material.angular.io/components/table/overview#pagination

What is the use-case or motivation for changing an existing behavior?

Angular Material has several performance issues which I think should be addressed. The web is already slow, no need to make it any slower. Consider using trackBy feature.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

@angular/material: ^2.0.0-beta.10

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:10 (4 by maintainers)

Top GitHub Comments

1reaction

andrewseguincommented, Oct 27, 2017

@SpEcHiDe Shouldn’t be a problem, just use template reference strings to grab the paginator, e.g.

Template:

<mat-paginator #mySecondPaginator>

Component TS:

@ViewChild('mySecondPaginator') mySecondPaginator: MatPaginator;

Here’s a plunker as an example of two tables with separate paginators: https://plnkr.co/edit/GfRj8bxsRjauoqxJil8C?p=preview

0reactions

angular-automatic-lock-bot[bot]commented, Sep 8, 2019

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Top Results From Across the Web

Datatables performance issue with large data

Hi, I have a datatable with almost 3k+ rows. It's making the datatable very slow with keyword search, Pagination and even individual column ......

Performance issue: data table with pagination #6883 - GitHub

Angular Material has several performance issues which I think should be addressed. The web is already slow, no need to make it any...

Pagination performance guidelines - GitLab Docs

Based on the data distribution in the table, confidential issues are rare. Filtering them out does not make the database query significantly slower....

Data table performance issue - MSDN - Microsoft

Requirement: i am building an application using Jquery datatable causing me the performance issue. I have issue in binding the total number ...

Performance Issue In jQuery DataTable About Fetching ...

To resolve this performance issue, I am going to show you datatables server-side paging, sorting and filtering in asp.net MVC application.