Stack Overflow
Stack Overflow

Questions tagged [primeng]

Use this tag for questions about PrimeNG, a collection of UI Components for Angular. Questions tagged [primeng] should also be tagged [angular], but NOT [primefaces].

PrimeNG is a collection of rich UI components for Angular. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.

All widgets are open source and free to use under MIT License.

PrimeNG is developed by PrimeTek Informatics, a company with years of expertise in developing open source UI components.

4422 questions
19
votes
3 answers

core.js:4197 ERROR TypeError: chart_js__WEBPACK_IMPORTED_MODULE_2__ is not a constructor

I am having this error with chartJS and primeNG: ERROR TypeError: chart_js__WEBPACK_IMPORTED_MODULE_2__ is not a constructor at UIChart.initChart (primeng-chart.js:48) at UIChart.ngAfterViewInit (primeng-chart.js:29) at callHook…
CodeCodeCodon
  • 385
  • 1
  • 4
  • 14
18
votes
4 answers

Primeng Cannot find a differ supporting object 'width: 100%' when using style

I get the error "Cannot find a differ supporting object 'width: 100%' " when I try to use style with p-menu or p-dropdown .
Hima Susan
  • 401
  • 1
  • 4
  • 8
17
votes
10 answers

PrimeNG Table filterGlobal TS2339: Property 'value' does not exist on type 'EventTarget'

All of the examples I have found for the PrimeNG p-table show the following example for filtering a table. When I use this I get a…
code
  • 4,073
  • 3
  • 27
  • 47
17
votes
6 answers

How to increase width of pTooltip in PrimeNG

I'm using PrimeNG's tooltip and am trying to make it wider when it has lots of text in it, but it is not responding to anything I try. I have tried using PrimeNG's HTML attribute tooltipStyleClass and in a CSS file giving that class a width. I have…
Peyton Hanel
  • 374
  • 1
  • 3
  • 13
17
votes
7 answers

PrimeNg datatable doesn't refresh

Using Angular v2.4.8 and PrimeNg v1.1.4 I have a page with two components: Dropzone, for uploading files p-datatable to show the uploaded files I configured Dropzone to send 5 files at a time and when it is finished with 5 files the event…
Paul Meems
  • 3,002
  • 4
  • 35
  • 66
17
votes
8 answers

Angular 2 - PrimeNg style not working

I've followed the instruction to install primeng by running npm install primeng --save then importing what I need in the app.module.ts file, for example: import {CheckboxModule} from 'primeng/primeng'; ... imports: [ CheckboxModule, …
ToDo
  • 754
  • 2
  • 17
  • 31
17
votes
3 answers

How to add style class to p-dataTable row

We're using p-dataTable from PrimeNG 1.0.0-beta.16 I want to add a style to the row when a value is true. I figured it out how to do this with the cell, but I need the whole row the change its background.
Paul Meems
  • 3,002
  • 4
  • 35
  • 66
16
votes
1 answer

prime-ng p-toast in app component not displaying messages sent from other components

In order to reduce the amount of primeng toast components (p-toast) in my webapp I tried to use a central p-toast with key in app.component. Then I add messages from other components using the messageservice with the key of that toast component.…
Ben
  • 235
  • 4
  • 10
16
votes
2 answers

ERROR Missing number at position 0 when using setValue angular 4

I'm using Angular 4 with reactiveforms, momentjs, and primeng calendar I'm tying to use setValue and have tried patchValue on a reactiveForm field which contains a Date. This date has been created via a primeng calendar. purchaseDate: Sat Sep 02…
fidev
  • 1,222
  • 2
  • 21
  • 51
15
votes
4 answers

Angular - TS2322: Type 'string' is not assignable to type 'boolean'

I have problem with binary, even if add brackets to it. I'm using primeNG library. In HTML file I wrote this code:

Categories

…
Salman
  • 209
  • 1
  • 3
  • 7
15
votes
5 answers

Sticky header not working with resizable column in Primeng.?

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 working. I used the following css from primeng for…
mkHun
  • 5,891
  • 8
  • 38
  • 85
15
votes
1 answer

Using Angular Material2 with PrimeNG in the same project

I am currently working on an enterprise Angular application. I am thinking about the correct components library to use. I found two options: 1- Angular Material2 2- PrimeNG Angular material comes with about 35 high quality components. PrimeNg comes…
Husam Zidan
  • 619
  • 6
  • 18
15
votes
2 answers

Change p-column width

I'm in a project where I need to use PrimeNG to do tables and I have a problem with defining the width of the first column. In my HTML code, I have something like: …
Daniel Serrão
  • 481
  • 1
  • 6
  • 17
14
votes
6 answers

pKeyFIlter: NG8007: The property and event halves of the two-way binding 'ngModel' are not bound to the same target

I have updated my Angular 11 project using primeng controls to Angular 12. Once done, the primeng pKeyFilter throws an error everywhere it is used. Creating a new Angular 12 project from scratch does not have this problem. Everything else appears to…
Chase
  • 141
  • 1
  • 1
  • 4
14
votes
1 answer

How to configure PrimeNG sidebar to leave space for the header and able to push canvas to the right

I am building a website using Angular 7 and PrimeNG 8. The layout of webpage having a fixed header on the top and a side bar navigation menu on the left. My expected behaviour is when the sidebar toggle, it won't hide the header and also the content…
Kelvin Ho
  • 376
  • 2
  • 3
  • 14
1
2
3
…
99 100