PrimeNG datatable performance very slow in case there is a lot of data
up vote
0
down vote
favorite
I use PrimeNG datatable. In case the table contains many rows, the datatable's performance works very slow.
This is my html:
<p-dataTable #dt [rowTrackBy]="rowTrackBy" [emptyMessage]="'TABLE.EMPTY_MESSAGE'|translate" #dt [rows]="rows" [paginator]="paginator"
lazy="false" [pageLinks]="3" scrollable="true"[editable]="editable" [styleClass]="paginator?'paginator': enableFilter?'scroll filter-table':'scroll'"
[globalFilter]="gb"[value]="displayList" resizableColumns="true" [(selection)]="selectedItem"
(onRowDblclick)="importButton?'':onRowDblclick($event.data)"[expandableRows]="showExpander" [expandedRows]="expandedRows"
(onRowSelect)="onrowSelect($event)" (onRowClick)="selectRow($event);onrowSelect($event)" (onRowUnselect)="onRowUnSelect($event)"[rowStyleClass]="rowStyleClass"
[selectionMode]="(enableSelect&&!showSelectColumn)?(multiSelect?'multiple':'single'):''" [metaKeySelection]="false"
(onHeaderCheckboxToggle)="onHeaderCheckboxToggle($event)">
performance primeng primeng-datatable
edited Nov 12 at 8:49
Antikhippe
3,2331931
asked Nov 11 at 9:19
Avigail
12
add a comment |
up vote
0
down vote
favorite
I use PrimeNG datatable. In case the table contains many rows, the datatable's performance works very slow.
This is my html:
<p-dataTable #dt [rowTrackBy]="rowTrackBy" [emptyMessage]="'TABLE.EMPTY_MESSAGE'|translate" #dt [rows]="rows" [paginator]="paginator"
lazy="false" [pageLinks]="3" scrollable="true"[editable]="editable" [styleClass]="paginator?'paginator': enableFilter?'scroll filter-table':'scroll'"
[globalFilter]="gb"[value]="displayList" resizableColumns="true" [(selection)]="selectedItem"
(onRowDblclick)="importButton?'':onRowDblclick($event.data)"[expandableRows]="showExpander" [expandedRows]="expandedRows"
(onRowSelect)="onrowSelect($event)" (onRowClick)="selectRow($event);onrowSelect($event)" (onRowUnselect)="onRowUnSelect($event)"[rowStyleClass]="rowStyleClass"
[selectionMode]="(enableSelect&&!showSelectColumn)?(multiSelect?'multiple':'single'):''" [metaKeySelection]="false"
(onHeaderCheckboxToggle)="onHeaderCheckboxToggle($event)">
performance primeng primeng-datatable
edited Nov 12 at 8:49
Antikhippe
3,2331931
asked Nov 11 at 9:19
Avigail
12
Which version of PrimeNG do you use ?
– Antikhippe
Nov 11 at 10:38
My primeNG version is: 6.1.6
– Avigail
Nov 11 at 16:55
Datatable is deprecated and you should use Turbotable instead which is available in PrimeNG 6.1.6 : turbotable is at least 10x faster than datatable.
– Antikhippe
Nov 12 at 9:00
If you are using Version 6 use<p-table>which is also know as turbotable and this is very fast. Fo more detail check this answer
– DirtyMind
Nov 13 at 7:23
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I use PrimeNG datatable. In case the table contains many rows, the datatable's performance works very slow.
This is my html:
<p-dataTable #dt [rowTrackBy]="rowTrackBy" [emptyMessage]="'TABLE.EMPTY_MESSAGE'|translate" #dt [rows]="rows" [paginator]="paginator"
lazy="false" [pageLinks]="3" scrollable="true"[editable]="editable" [styleClass]="paginator?'paginator': enableFilter?'scroll filter-table':'scroll'"
[globalFilter]="gb"[value]="displayList" resizableColumns="true" [(selection)]="selectedItem"
(onRowDblclick)="importButton?'':onRowDblclick($event.data)"[expandableRows]="showExpander" [expandedRows]="expandedRows"
(onRowSelect)="onrowSelect($event)" (onRowClick)="selectRow($event);onrowSelect($event)" (onRowUnselect)="onRowUnSelect($event)"[rowStyleClass]="rowStyleClass"
[selectionMode]="(enableSelect&&!showSelectColumn)?(multiSelect?'multiple':'single'):''" [metaKeySelection]="false"
(onHeaderCheckboxToggle)="onHeaderCheckboxToggle($event)">
performance primeng primeng-datatable
edited Nov 12 at 8:49
Antikhippe
3,2331931
asked Nov 11 at 9:19
Avigail
12
I use PrimeNG datatable. In case the table contains many rows, the datatable's performance works very slow.
This is my html:
<p-dataTable #dt [rowTrackBy]="rowTrackBy" [emptyMessage]="'TABLE.EMPTY_MESSAGE'|translate" #dt [rows]="rows" [paginator]="paginator"
lazy="false" [pageLinks]="3" scrollable="true"[editable]="editable" [styleClass]="paginator?'paginator': enableFilter?'scroll filter-table':'scroll'"
[globalFilter]="gb"[value]="displayList" resizableColumns="true" [(selection)]="selectedItem"
(onRowDblclick)="importButton?'':onRowDblclick($event.data)"[expandableRows]="showExpander" [expandedRows]="expandedRows"
(onRowSelect)="onrowSelect($event)" (onRowClick)="selectRow($event);onrowSelect($event)" (onRowUnselect)="onRowUnSelect($event)"[rowStyleClass]="rowStyleClass"
[selectionMode]="(enableSelect&&!showSelectColumn)?(multiSelect?'multiple':'single'):''" [metaKeySelection]="false"
(onHeaderCheckboxToggle)="onHeaderCheckboxToggle($event)">
performance primeng primeng-datatable
performance primeng primeng-datatable
edited Nov 12 at 8:49
Antikhippe
3,2331931
asked Nov 11 at 9:19
Avigail
12
edited Nov 12 at 8:49
Antikhippe
3,2331931
asked Nov 11 at 9:19
Avigail
12
edited Nov 12 at 8:49
Antikhippe
3,2331931
edited Nov 12 at 8:49
Antikhippe
3,2331931
edited Nov 12 at 8:49
Antikhippe
3,2331931
3,2331931
asked Nov 11 at 9:19
Avigail
12
asked Nov 11 at 9:19
Avigail
12
asked Nov 11 at 9:19
Avigail
12
12
Which version of PrimeNG do you use ?
– Antikhippe
Nov 11 at 10:38
My primeNG version is: 6.1.6
– Avigail
Nov 11 at 16:55
Datatable is deprecated and you should use Turbotable instead which is available in PrimeNG 6.1.6 : turbotable is at least 10x faster than datatable.
– Antikhippe
Nov 12 at 9:00
If you are using Version 6 use<p-table>which is also know as turbotable and this is very fast. Fo more detail check this answer
– DirtyMind
Nov 13 at 7:23
add a comment |
Which version of PrimeNG do you use ?
– Antikhippe
Nov 11 at 10:38
My primeNG version is: 6.1.6
– Avigail
Nov 11 at 16:55
Datatable is deprecated and you should use Turbotable instead which is available in PrimeNG 6.1.6 : turbotable is at least 10x faster than datatable.
– Antikhippe
Nov 12 at 9:00
If you are using Version 6 use<p-table>which is also know as turbotable and this is very fast. Fo more detail check this answer
– DirtyMind
Nov 13 at 7:23
Which version of PrimeNG do you use ?
– Antikhippe
Nov 11 at 10:38
Which version of PrimeNG do you use ?
– Antikhippe
Nov 11 at 10:38
My primeNG version is: 6.1.6
– Avigail
Nov 11 at 16:55
My primeNG version is: 6.1.6
– Avigail
Nov 11 at 16:55
Datatable is deprecated and you should use Turbotable instead which is available in PrimeNG 6.1.6 : turbotable is at least 10x faster than datatable.
– Antikhippe
Nov 12 at 9:00
Datatable is deprecated and you should use Turbotable instead which is available in PrimeNG 6.1.6 : turbotable is at least 10x faster than datatable.
– Antikhippe
Nov 12 at 9:00
If you are using Version 6 use
<p-table> which is also know as turbotable and this is very fast. Fo more detail check this answer– DirtyMind
Nov 13 at 7:23
If you are using Version 6 use
<p-table> which is also know as turbotable and this is very fast. Fo more detail check this answer– DirtyMind
Nov 13 at 7:23
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53247347%2fprimeng-datatable-performance-very-slow-in-case-there-is-a-lot-of-data%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Which version of PrimeNG do you use ?
– Antikhippe
Nov 11 at 10:38
My primeNG version is: 6.1.6
– Avigail
Nov 11 at 16:55
Datatable is deprecated and you should use Turbotable instead which is available in PrimeNG 6.1.6 : turbotable is at least 10x faster than datatable.
– Antikhippe
Nov 12 at 9:00
If you are using Version 6 use
<p-table>which is also know as turbotable and this is very fast. Fo more detail check this answer– DirtyMind
Nov 13 at 7:23