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
226
votes
2 answers

What is let-* in Angular 2 templates?

I came across a strange assignment syntax inside an Angular 2 template. It appears that let-col and…
Steven Liekens
  • 13,266
  • 8
  • 59
  • 85
59
votes
7 answers

Error: Module not found: Error: Can't resolve '@angular/cdk/scrolling'

I am encountering the error: "Module not found: Error: Can't resolve '@angular/cdk/scrolling'" as soon as I add import TableModule from primeNG in app.module.ts. Why is this error is thrown? I don't see any module dependency mentioned in the primeNG…
javapedia.net
  • 2,531
  • 4
  • 25
  • 50
45
votes
8 answers

How do I override the style of primeng components?

I want to overright the style of primeng components as per component level not for whole app. Either I have to change the style in main theme.css file or inline style, but seems inline not works sometimes as expected. As example, I have to…
Pardeep Jain
  • 84,110
  • 37
  • 165
  • 215
39
votes
12 answers

primeNG p-dropdown stretch 100%

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.
McLac
  • 2,713
  • 3
  • 15
  • 19
37
votes
6 answers

PrimeNG dropdown hidden by dialog

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 the screenshot below. What i want is for it to display…
DaRoGa
  • 2,196
  • 8
  • 34
  • 62
31
votes
4 answers

Primeng - how to use styleClass?

I want to use the styleClass property of the Togglebutton component. As described in another post, I thought it is straight forward by using: styleClass="test" In my css-file I then set some attributes, like .test { background: red; } But this…
Sheldon
  • 959
  • 2
  • 9
  • 16
31
votes
2 answers

How can I set the default sort order on the primeng datatable?

I am using the prime-ng dataTable component to display a list of users. I would like this list to be sorted by the first column descending by default and have the dataTable display the first column as sorted.
Heather92065
  • 7,333
  • 6
  • 31
  • 39
28
votes
14 answers

How to set default value for PrimeNG p-dropdown

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 api), but I need to set default selected option for…
Bhagvat Lande
  • 1,392
  • 3
  • 17
  • 34
28
votes
3 answers

PrimeNG Turbotable expand by default

I have a PrimeNg turbotable with row expansion feature. How can I expand the rows by default. Here is my Code : HTML
Mak
  • 584
  • 1
  • 13
  • 33
27
votes
1 answer

primeng p-dropdown not firing change event

I'm using primeng 5.2.4 and I'm trying this: The selectMonth method gets called when the page first loads but not on subsequent selections from the…
Michael Witt
  • 1,582
  • 4
  • 22
  • 43
25
votes
7 answers

Error: error:0308010C:digital envelope routines::unsupported [ANGULAR]

I was trying to build my project on jenkins. The local build is successful but Jenkins build is failing. Any fix for this? I am using primeng module to implement p-organisationchart. I suspect that could be the issue. versions I am using…
Arjun C E
  • 382
  • 1
  • 3
  • 9
25
votes
6 answers

Calling filter methods in row after the previous is finished

I have a primeng turbo-table component. I need to apply multiple filters on the table. From the parent I call myTable.doFilter(first_values); myTable.doFilter(second_values); one after the other On the child (turbo-table) component, the actual…
Abdu Manas C A
  • 1,089
  • 1
  • 11
  • 19
24
votes
1 answer

Is there a way to remove html tags from a string in JavaScript?

I am working with the rich text editor component of primeng. This editor turns everything i type in into html. But sometimes i want to output these texts in plain text instead. Does angular 2 provide a way to easily remove the html tags from the…
Maurice
  • 6,698
  • 9
  • 47
  • 104
20
votes
8 answers

How to programmatically trigger refresh primeNG datatable when a button is clicked

I have a refresh button that is outside the primeNG datatable. How do I programmatically trigger to refresh the datatable? something like this:
…
kimondoe
  • 567
  • 2
  • 9
  • 27
20
votes
1 answer

PrimeNg is not a known element error (@angular-2.0.0 & primeng-1.0.0-beta.16)

I started with Angular 2 RC5 and PrimeNG 1.0.0-beta.13 beta. I'm loading PrimeNg components as xModules and has no problems displaying Data Table, Input, SelectItem, Buttons, modals. However, I'm getting this error when I try to use TabView or…
user6850401
  • 201
  • 1
  • 2
  • 4
1
2 3
…
99 100