I am trying to implement datatable filter of primeng. My code is as below: <p-column field="time" header="Time" [filter]="true" filterPlaceholder=""> <ng-template pTempl...

I'm using PrimeNG and have a line chart set up that has two data sets. one of those lines is solid, and i'd like to make the other line dashed or dotted. is there an option for this in ChartJS?

It would be great if we could disabled the primeNG editor box with the disabled attribute, similar to what's available with a textarea : <textarea rows="3" cols="10" disabled="disabled"> Thi...

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 am using primeng confirmDialog which required the confirmationService in my Angular 10 project but nothing is shown at localhost:4200 and I got the following error in Chrome console. ERROR NullIn...

Need to put a clear icon inside text box of primeNg. And on click it should clear the field.

It is working, but not as It should. Instead of a proper toast component, message is simply displayed as a normal text after i press submit button. I followed everything written ni the Documentat...

I have a datatable in Angular 2 app where I want to custom sort a column. <p-column field="eligible" header="Eligible" sortable="custom" (sortFunction)="sortColumn($event)"></p-column>...

I am using PrimeNG in my angular5 app. I have issue with p-dropdown Question I have p-dropdown for showing countries. I bind the select options correctly there it works fine (this data coming from ...

I am using p-calendar from the primeng within a tabletree. How can I make the p-calendar field same size as the cell it sits in? Or mor general - how can I make it same size as a parent div? You c...

I'm looking to send additional information with files that are being uploaded with the primeng fileupload component. Basically, I need to know what these uploaded files are relevant to. I can add ...

Using PrimeNg's dynamic dialogue example shows how the destination dialogue can get data and display. I can go through creating a service with observables to pass the data to the dialogue, but I k...

It is possible to use primeng ^17.6.0 and bootstrap ^5.3.2 in an Angular 17 project? I want to use bootstrap for the public part of my application, but there is an admin section where I would like ...

In the latest release of PrimeNG the way sort icons are done has changed. They used to just have an i tag with CSS classes, which I was able to override in my CSS to use my company's icons: but no...

First of all i am newbie at angular unit testing. I want to unit test the following method that removes a record from my data. The method is: //Confirm Button for deletion confirm(name: string,...

I'm currently working on a project with PrimeNG 12 tables using Angular 12, but I'm having a bit of trouble with Angular's change detection and table updates, specifically with trying to prevent a ...

How to set the primeNG dropdown width to stretch 100% inside its container? It seems to have fixed element.style and the .ui-dropdown{ width: 100% } override does not work.

I have an Angular2 app using PrimeNG components. I want a dropdown inside a dialog box. However, when i have implemented this, the dropdown is cut off by the limit of the dialog box as shown in th...

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 am using primeng p-toast to display messages. I placed p-toast html in app.component.html <div class="main-container"> <router-outlet></router-outlet> </div> &l...

Is there a way to define a custom header template for a dynamic dialog? For the normal dialog you have the possibility to define the p-header tag, with your custom html code. But I don't find any w...

I cant figure out how to get an index with Angular 6 and PrimeNG turbo table. this is my best guess on how it should work. <p-table [value]="timecards"> <ng-template pTemplate="body" l...

Following the guide: https://www.primefaces.org/primeng/ I have tried to install PrimeNG to use with Angular4, following the steps detailed above, but I get the error: 'p-dropdown' is not a known ...

I am new to angular, in p-calendar I'm not able to apply masking behaviour. Example: If user enters 01012012, I want to change it to 01-01-2012. Thanks in advance.