PrimeNG DataTable provides a [scrollable] property to define vertical and/or horizontal scrolling. This has to be used with a combination of a set scrollHeight and/or scrollWidth. How can I have a...

I was looking for help to add the frozen columns feature in my primeng table where the columns and rows are dynamically rendered. I do have a config( isPK: true) that came from data on which I want...

I am using primeNg <p-table>. I want to implement sorting of data. What I did is below sort.HTML <p-table [columns]="cols" [value]="documents"> <ng-template pTemplate="header" let...

I have a p-table defined with [scrollable]="true" <p-table *ngIf="!loading" [value]="data" [resizableColumns]="true" [reorderableColumns]="true&q...

I am trying to implement both column resize and stick header. But sticky header works fine if I won't use the column resize. If I implement both, column resize is working but sticky header is not w...

I have a very large amount of data (400.000 records) that I need to show in a PrimeNG data table. For this I need a lazy loading table, since you cannot load all data into the table in one time (th...

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!

I want to make my PrimeNG table columns autofit and resizable. How can I achieve that?

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...

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 d...

I am working on an Angular application using PrimeNG. In particular I am using a PrimeNG DataTable, this coponent: https://primefaces.org/primeng/showcase/#/table I have no problem using it in the ...

I am using new PrimengV7 p-table I want export the table, So my code is <p-header> <div class="pull-right" *ngIf="collapsed"> <a href="javascript:void(0)" (click)="dt.exportCSV(...

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,...

Filter date range || Datatable I need some help on how to filter date range..dateCreated I want to search date created in search input, but it seems, it's not working. No records found. I was sea...

I am migrating a module from primeng 7 to primeng11 along with angular11 the code runs perfectly fine on ng serve the functionalities are working too but on build I am getting a weird error error ...

I am using primeNG datatable in my angular project. In one of my scenario I need to get the current page number of primeNG data table and pass that number to the next screen and when user navigate ...

I want to reduce the width of a few columns I'm using in primeng grid. However as per my understanding, we can only change the width of columns we create using "p-column" or the "th" tag. PFA code...

I have a PrimeNG grid and the data served by the PrimeNG is from a service which have server side paginated data and from the server we would receive only our current page record. I have my HTML c...

I am having trouble trying to fetch data to my overlay.Where did I go wrong ? My goal is to fetch from an user array ,data (like cId,logged hours) and display it inside my table. <button [dis...

I am following the templating option given in primeng docs to create a link with column data alongside in a primeng datatable column, but I am not able to show nested object using {{data[col.field]...

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 thou...

I am using PrimeNG 6.0.2 with Angular 5 and I'm having issues with the Table plugin. I switched to Table because DataTable is deprecated. Now, I can't access filtered values the way I could before....

I need to show a message when the lista data value is empty: <p-table [value]="listElement" [paginator]="true" [rows]="10" [rowsPerPageOptions]="[5,10,20]" [showCurrentPageReport]="true" empty...

Hi I am trying to convert my PrimeNG data-table to turbo table. Actually I have used [hidden]="!cols.visibility" in PrimeNG my data-table. Now what I should used to achieve the same in turbo table....

How do i display multiple field within a primeng auto complete box. for example: <p-autoComplete [(ngModel)]="val" [suggestions]="results" (completeMethod)="search($event)" field="name,lastnam...