Questions tagged [primeng-datatable]

Questions about the PrimeNG DataTable component from PrimeTek Informatics.

Useful Links

474 questions
3
votes
2 answers

How to preset (programmatically) the filter value in primeng datatable

Using angular (4.1.3) and primeng (4.0.3) datatable I need to set the filter value (e.g. from URL parameter). There is a pretty good docu on custom filters by primeng (https://www.primefaces.org/primeng/#/datatable/filter). I've tried to implement…
user2652217
  • 63
  • 1
  • 2
  • 7
3
votes
1 answer

How to disable check box in primeng datatable

I need to disable few checkboxes in primeng datatable based on condition: For example:
Sahil Agarwal
  • 799
  • 4
  • 12
  • 19
2
votes
1 answer

Angular PrimeNG p-table: add custom sorting function to specific column

I am using PrimeNG's p-table. The table currently has default sorting on two column but the third column data is like it should sort by Status (High, Medium, Low). Now I need to implement sorting on this column but that has to be a custom-logic…
C.Das
  • 87
  • 2
  • 12
2
votes
1 answer

Enabling edit of single row in PrimeNG table bound with reactive forms leads to enabling edit of all rows

I have a editable PrimeNG table bound with reactive forms (not with ngtemplate). If I click edit of a single row, all rows turns into edit mode. Here is the image explaining my issue. The prob is with the dataKey used with PrimeNg Edit table. I…
Anil P Babu
  • 1,235
  • 3
  • 26
  • 47
2
votes
1 answer

Pagination doesn't get refreshed when adding new rows to PrimeNG tables

In this simple stackblitz, there are only 4 initial rows and the pagination section shows only 1 page. Now, when I add rows dynamically after every 3 seconds, then also the pagination section shows a single page no matter how many rows I add. How to…
Daud
  • 7,429
  • 18
  • 68
  • 115
2
votes
0 answers

How to get the sum of filtered table column in PrimeNG

I have created a datatable using primeng. I am able to filter the rows based on globalfilter as well as customFilter. I am able to display the total count of filtered rows in the footer. However I am unable to get the sum of filtered column. Below…
eccentricCoder
  • 846
  • 1
  • 14
  • 35
2
votes
1 answer

PrimeNG - column filtering and languages with tones/accents

I want to perform filtering into columns of a table that contains data in Greek language. Unfortunately the component internally does not seem to recognize the characters with tones to be the same with the same character without a…
NickAth
  • 1,089
  • 1
  • 14
  • 35
2
votes
1 answer

How to add color to a row of second table using p-table in angular?

I have a p-table and I am using it to populate contents as per requirements in two tables. I want to add color to the row of second table according to a condition if column value-suspensed is equal to T then I want to add yellow color to that…
developer11
  • 35
  • 1
  • 7
2
votes
1 answer

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…
snowleopard
  • 781
  • 3
  • 13
  • 36
2
votes
2 answers

how to show or hide edit button based on column value in p-table

how to show or hide edit button based when column srcSysName value = "ANO" in p-table Here is the code
xrx215
  • 747
  • 6
  • 22
  • 38
2
votes
2 answers

Sticky header of p-table not working with [scrollable] = true in Primeng.?

I am trying to implement both [scrollable]="true" and stick header in p-table of PrimeNg. But sticky header works fine if I won't use the scrollable. If I implement both, scrollable is working but sticky header is not working. I used the following…
Karoui Anwar
  • 23
  • 2
  • 6
2
votes
1 answer

Dropdown inside Angular Material Expansion Panel is cut off

I have this issue inside an Angular Material Expansion Panel. Part of the pagination dropdown is cut off. How can I make the dropdown overlap the end of the expansion panel? I tried z-index to no avail. There are three panels inside a Material…
mneumann
  • 713
  • 2
  • 9
  • 42
2
votes
2 answers

primeng dropdown options visibility issue when used with p-table

I am using primeNg controls in my Angular 8 application.I am using primeng p-table control to show the data. I am using p-dropdown also with p-table. On running my application, it looks like below: When I click on the dropdown(open dropdown to see…
Suresh Negi
  • 372
  • 2
  • 6
  • 19
2
votes
1 answer

How to get first td value of tr on click in prime ng table

How to get first td value of tr on click condition.If i click the first td i want to get the value in angular 7.Please do not write any inline code for tr. We need to Use only by coding like find table inside .How we can do it using p-table id="dt"…
Nila Vaani
  • 203
  • 1
  • 8
  • 27
2
votes
3 answers

Expanding the prime-ng's p-table row on click of the row

The link here https://www.primefaces.org/primeng/#/table/rowexpansion shows an example of p-table where the rows can be expanded by clicking on the first column which uses the directive pRowToggler. I am trying to achieve this toggling on the click…
Saurabh Tiwari
  • 4,632
  • 9
  • 42
  • 82