Questions tagged [primeng-datatable]

Questions about the PrimeNG DataTable component from PrimeTek Informatics.

Useful Links

474 questions
6
votes
2 answers

Cannot assign to read only property '0' of object '[object Array] primeng

I want to sort the data table column but, it doesn't work. below is the code and error I get.when I give a server call to backend from typescript it works. When I use state Management the sorting doesn't work.
6
votes
1 answer

emptyMessage property doesn't show

I need to show a message when the lista data value is empty:
poopp
  • 1,297
  • 2
  • 13
  • 23
6
votes
0 answers

PrimeNG DataTables with infinite scroll implemenation

https://www.primefaces.org/primeng/#/datatable/scroll PrimeNG provides Lazy loading which refresh data on scrollDown as well as on ScrollUp. I want to implement infinite scrolling which fetch data from server page by page on scrollDown and retain…
6
votes
2 answers

Overflow text in primeNg DataTabel cell

I want to hide overflow text in a DataTable cell primeNg, but nothing seems to work. I didn't find anything on their documentation that could help me.
Filip Laurentiu
  • 854
  • 3
  • 9
  • 29
6
votes
6 answers

PrimeNG DataTable server-side paging

I'm currently working on an Angular 4 project and using the PrimeNG DataTable. So far this framework seems pretty neat, but I would like to make my paging server-side. That way I will load only 10,20,.. records at a time rather than loading all…
6
votes
2 answers

Data table issue - ERROR TypeError: val.slice is not a function

ERROR TypeError: val.slice is not a function dataTable configuration $.p-dataTable #dt [value]="customers" [(selection)]="chkBoxSelect" dataKey="customerId" [rows]="10" [paginator]="true" paginatorPosition="both" [pageLinks]="5"…
Hari Konukuru
  • 71
  • 1
  • 1
  • 9
6
votes
1 answer

Get current page and move to specific page in NgPrime datatable

I am using datatable from primefaces - primeNg. Can I get the current page I am in and set the datatable to particular page programatically? I saw that datatable uses pagination component within, but how to access it using @ViewChild? Any help will…
zennith
  • 410
  • 2
  • 5
  • 17
6
votes
3 answers

How to sort data in a PrimeNG DataTable with Row Grouping

What I want to do is to sort the data already grouped in alphabetical order or custom order. I used the sortField attribute which specify the groupheader order but I need to order the data inside the group too.
chrisblo
  • 768
  • 1
  • 13
  • 30
6
votes
0 answers

PrimeNG frozen column not working with headerColumnGroup

I am trying to use header column grouping with frozen column using PrimeNG. I am able to get first two columns frozen but unfrozen columns also have frozen column names in header. I have referred code from here…
Rj-s
  • 484
  • 3
  • 7
  • 17
5
votes
1 answer

How to disable sorting for selected columns in PrimeNG table?

I'm trying to disable sorting of selected columns based on Boolean value in PrimeNG table. Below is my columns array cols = [ { field: 'name', header: 'Name', sort: true }, { field: 'age', header: 'Age', sort: true }, { field: 'gender',…
Raghav
  • 1,139
  • 4
  • 15
  • 35
5
votes
1 answer

how to set index variable in primeng p-table like in ngFor

Can any one assist me. I want to initialize index variable like *ngFor="let d of sI.detail;let i=index" In my p-table {{ totalHeader }} …
Maaz Anzar
  • 131
  • 1
  • 8
5
votes
2 answers

How to catch row reorder event in primeng table?

I want to trigger a reorder event after I drag and drop two rows data but I cannot see it in the document below: https://www.primefaces.org/primeng/#/table/reorder Can anyone help me, thanks!
luc
  • 103
  • 2
  • 8
5
votes
2 answers

PrimeNG DataTable Horizontal Scrollbar Location

I am having an issue working with PrimeNG DataTables. I have a table with a large number of columns that requires horizontal scroll. PrimeNG comes out of the box with horizontal scroll working with the scroll bar located below the table. I need to…
Zareh D.
  • 51
  • 1
  • 1
  • 3
5
votes
4 answers

Filtering Data Table in PrimeNG

How can I get the number of rows after filtering using PrimeNG's default filters in data table. [totalRecords]="totalRecords" always shows the records count which is fetched initially. Even though after filtering, totalRecords value remains same…
5
votes
2 answers

Primeng Datatable rowTrackBy

I have searched the web for a decent example of primeng datatable with rowTrackBy. Documentation is incomplete and does not say much. Is there anyone out there that can help?
pantonis
  • 5,601
  • 12
  • 58
  • 115
1
2
3
31 32