Questions tagged primeng-datatable

Explore the latest questions and answers asked by our top developers.

Primeng datatable – column headers spill out of cell on window resize

This stackblitz shows the issue very well when one resizes window https://stackblitz.com/edit/primeng-tablepage-demo-5lnvaa?file=src/app/app.component.html In the p-table, the headers look fine if I have the browser window full size and stretch out the viewing area as far as possible. If I resize the browser window or viewing area to be smaller, then the column headers overlap into […]

By snowleopard
Published
Categorized as angular, primeng, primeng-datatable Tagged , ,

Date Dropdown Filter for PRIME NG table

In Prime NG table we are receiving data from API Response. For DATE column data is received in milliseconds which is getting transformed to date format by following code {{rowData.errorOccuredTime | date : ‘MM/dd/yyyy’}} In Date column we need a Filter for which I have written as following <input *ngSwitchCase="’errorOccuredTime’" type="date" (input)="dt.filter($event.target.value, col.field, ‘equals’)"> So […]

By user2273499
Published
Categorized as angular, filter, primeng-datatable Tagged , ,

Primeng datatable column headers spill out of cell on window resize

This stackblitz is very similar to my project code and shows the issue I am having https://stackblitz.com/edit/primeng-tablepage-demo-5lnvaa?file=src/app/app.component.html In the p-table, the headers look fine if I have the browser window full size and stretch out the viewing area as far as possible. If I resize the browser window or viewing area to be smaller, the […]

By snowleopard
Published
Categorized as angular, primeng, primeng-datatable Tagged , ,

primeng : Frozen column not working for dynamic column

Issue : primeng : Frozen column not working for dynamic column. Code Details : Check the code below : app.component.html : <div class="card"> <h5>Frozen Columns</h5> <p-table [columns]="scrollableCols" [frozenColumns]="frozenCols" [value]="customers" [scrollable]="true" scrollHeight="200px" frozenWidth="300px"> <ng-template pTemplate="colgroup" let-columns> <colgroup> <col *ngFor="let col of columns" style="width:300px"> </colgroup> </ng-template> <ng-template pTemplate="header" let-columns> <tr> <th *ngFor="let col of columns"> {{col.header}} </th> […]

PrimeNG : p-splitButton onClick event dosen’t work everytime

I am using PrimNG 9 with Angular 8, I implemented p-splitButton in the body of p-table, when I click on Edit or Delete the click sometimes works and sometimes doesn’t work. Anyone can help please! (See the screen below) Source: Angular Questions

Export primeNg treetable data with its grouping into Excel using excelJs

I want to export primeNg treetable into Excel. I am using ExcelJs to export the data into excel but I don’t know how to categorize or group the rows. Table has rows, rows have child rows, child rows again contain child rows and this hierarchy is not fixed. That means it is not necessary that […]

PrimeNG Picklist drag and drop transition not smooth

I am facing smooth transition issue while drag and drop in primeng picklist. Primeng Picklist (version- 9.1.3) Drag and drop functionality is working, but when I am drag from one to another list it will only drop when blue line is visible else not. This issue has been resolved in higher version of Primeng UI […]

Wrapper for PrimeNG TabView component

I want to create a wrapper tabview primeng component to custom style and some behaviors. So I created a tabview component with template is <p-tabView> <ng-content></ng-content> </p-tabView> In anothercomponent, I use it by this way: <app-tabview> <p-tabPanel header="General"> <stack-tracking-detail-general-tab></stack-tracking-detail-general-tab> </p-tabPanel> <p-tabPanel header="History"> <stack-tracking-detail-history-tab></stack-tracking-detail-history-tab> </p-tabPanel> <p-tabPanel header="Related Items"> <stack-tracking-related-items-tab></stack-tracking-related-items-tab> </p-tabPanel> </app-tabview> But, I receive the error […]

By Nguy n Thanh H i
Published
Categorized as angular, primeng-datatable Tagged ,

How to add frozen columns to primeNG when rows are rendering dynamically in Angular

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 to make frozen columns. I have tried following stackblitz but I cannot found a solution to match […]

By Bravo
Published
Categorized as angular, primeng, primeng-datatable Tagged , ,

Prime ng table on change detection(on push) calls the method inside the template

In an Html template I have prime Ng table and a button inside it. Need to enable disable button based on some multiple conditions so have added one method in the template to make that decision like [disable]="myMethod(data)",while clicking anywhere the method gets called every time. Note: I have Also used lazy Loading in prime […]

1 2 3 4

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq