Stack Overflow
Stack Overflow

Questions tagged [p-table]

52 questions
5
votes
1 answer

how to set index variable in primeng p-table like in ngFor

Can any one assist me. I want to initialize index variable like *ngFor="let d of sI.detail;let i=index" In my p-table {{ totalHeader }} …
Maaz Anzar
  • 131
  • 1
  • 8
4
votes
1 answer

PrimeNG: How to programmatically change the selected page in paginator?

I built a filtered datatable with a paginator, using PrimeNG 14 along with Angular 14. I rely on server-side filtering, therefore every filter-change triggers an API-request that returns fresh table-data. Whenever a filter changes, the user is shown…
kellermat
  • 2,859
  • 2
  • 4
  • 21
3
votes
2 answers

How to replace table header sort icons in PrimeNG 15.4+

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 now they are using a template with an SVG: I saw on…
Steve
  • 14,401
  • 35
  • 125
  • 230
3
votes
1 answer

How to set Height of p-table to window height

Problem: I'm trying to set the height of a prime p-table in angular. I already searched the net and found so many results but none worked so far (probably due to this problem beeing around for many years and changes to the framework disabled certain…
Suzzha
  • 33
  • 1
  • 5
3
votes
0 answers

PrimeNG p-table pagination dropdown list hidden on full screen mode

The codes are below:
szhou
  • 31
  • 2
2
votes
2 answers

PrimeNg p-table scrollTo() method doesnt work

I'm trying to make the p-table scrollbar scroll to a certain position. It doesn't seem to do anything at all. Here's my code: ngAfterViewInit(): void { this.table.scrollTo({'top': 200}) } "this.table" is @ViewChild('dt', {static: false}) public…
Rotem Linik
  • 155
  • 2
  • 13
2
votes
1 answer

Setting sort in onLazyLoad event triggers infinity loop on p-table

I'm new to Angular and getting a Issue at the PrimeNG p-table. This is my p-table When anything changes I come in my loadData…
Punching
  • 55
  • 7
2
votes
1 answer

PrimeNG - How to change the style of pTemplate="caption" in p-table for a single component

I'd like to change the background color of the caption cell of my p-table in only one component, how can I do? I tried and .myStyle{ background: rgb(9,169,121) !important; } in…
doinel
  • 87
  • 1
  • 9
2
votes
0 answers

Paginator set always at the first page primeng

The user, after a research that loads values in table, can use pagination to show the other pages with the other value. The problem is that the user see paginator at the end of table but when click to go at the next page the values aren't update.…
Joe Peteny
  • 211
  • 2
  • 10
2
votes
3 answers

How to align misaligned p-table headers in angular after enabling the scroll?

I am having a p-table with and body. Before enabling the scroll, checkboxes in header and body and other header alignments were perfect. But after adding [scrollable]=true and scrollHeight="200px" to p-table tag, headers are misaligned with…
sherin shaf
  • 143
  • 1
  • 1
  • 9
2
votes
3 answers

PrimeNG table: how to start a cell edit?

I've got a PrimeNG p-table with a number of columns and rows, one column uses an input as its cell editor. Compact version below:
tbeernot
  • 2,473
  • 4
  • 24
  • 31
1
vote
0 answers

Wrapping a body template in primeNg table in component

I have a p-table of primeNg in angular. Some rows in the table are expanded to a sub table with same body as the main table. Therefore I want to extract the template of the body to a component. but I don't see this component redered. What's wrong in…
chani
  • 11
  • 3
1
vote
1 answer

How can I set the default value for a p-columnFilter in PRIMENG?

PRIMENG is a component library for Angular and I'm currently using their p-table component to dislpay data from a database. One of the columns displayed in the table contains a boolean value, and I'd like to have a default true value for that column…
JansthcirlU
  • 688
  • 5
  • 21
1
vote
1 answer

PrimeNG p-table header sticky in an Angular 15 not working

I am using the PrimeNG (v15.0.0) library's p-table component in an Angular 15 application, and I am trying to make the table header sticky. However, the sticky attribute is not working as expected. I tried the offical solution of PrimNG by apply…
Hani
  • 31
  • 4
1
vote
0 answers

How to get rid of horizontal scroll in a PrimeNg table15?

Is there any atribute of the PrimeNg 15 p-table component that will make make table fit to the screen and not generate a horizontal scrool no matter how many columns there are to be displayed? In PrimeNg 12 I used to use the [scrollable] atribute…
Hubert Kubiak
  • 607
  • 1
  • 7
  • 30
1
2 3 4