Questions tagged [primeng-table]
95 questions
2
votes
1 answer
Checkbox selection with frozen columns feature causing multiple checkbox columns inside primeng table
I am implementing following two features of Primeng Table inside my angular Project.
Checkbox selection. Scroll down to the section named Checkbox Selection.
Frozen Columns. Scroll down to the section named Frozen Columns.
Problem: When I freeze a…

Adnan Sheikh
- 760
- 3
- 13
- 27
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
2 answers
PrimeNG p-table: How to clear p-dropdown filter values when resetting table filters?
I am using PrimeNG p-table with a header row that has both input and p-dropdown filters and need to clear the filter values of the input and p-dropdown when calling the .reset() method on the table.
As other's have pointed out…

Mycah
- 4,602
- 5
- 24
- 32
2
votes
1 answer
Angular - Jasmine testing with PrimeNg Table - unable to verify row count inside of unittest
i'm trying to create a unittest for a angular component which is using a PrimeNG table. It works as expected with ng serve inside the browser, but within a Jasmine test i'm unable to get the rendered HTML of the table.
When i inspect the markup it…

Moderaterer
- 23
- 1
- 4
2
votes
2 answers
How to Maintain Order in multiselect PrimeNG when i am using this to hide table columns?
I am using multiselect PrimeNG to show or hide the columns of my ptable it's working fine for hiding columns but when i show them back they come and append to the last of the table so this is destroying the order of the table columns as i think…

Ashish Mishra
- 704
- 1
- 6
- 20
2
votes
1 answer
How to set different style & width of the column in frozen & unfrozen columns table in primeng
I am currently using PrimeNG table control with a frozen column feature.
Everything working fine and I am able to get frozen column but now I want to modify my frozen and unfrozen column styles and custom width of column for that I have used below…

CodeChanger
- 7,953
- 5
- 49
- 80
1
vote
1 answer
Primeng 15 how to override default sort icon in Angular 15
I'm using Primeng 15.4 in Angular 15. Could you help to override the default icon.
I tried the below 2 solutions but nothing was working

ABC123
- 11
- 3
1
vote
0 answers
PrimeNG table save filters state in URL query params. Angular
I need to save the state of the PrimeNG table(p-table) filters in the query parameters of the url.
I know that PrimeNG has built-in features for saving state to local storage, but this method does not suit me because I need to save the state only if…

Илья Никитин
- 53
- 5
1
vote
0 answers
pSortableColumn from primeng is not working
I created a generic table component in angular and I'm trying to sort the columns with pSortableColumn but it's not working.
Follow code below:

Danielle Rodrigues
- 61
- 6
1
vote
0 answers
Primeng Table with VirtualScroll, Lazy Loading and Filter with unknown number of total rows
I have a large dataset of which I don't know the total number of records. I want to initialize the table with a small number of items (20) and load items in bunches of 20 when the table is scrolled.
I have different behaviours with Primeng 13.4.1…

Daniele
- 11
- 4
1
vote
0 answers
Hide ColumnFilter by hitting enter in ColumnFilterFormElement in primeng
On my primeng table I have added some column filters. These filters have a input field. What I want to do is hide the ColumnFilter when hitting enter while the input field has focus.
I try to do this by overwriting the onTextInputEnterKeyDown of…

hemmoleg
- 125
- 1
- 8
1
vote
0 answers
PrimeNG table sticky header not working when rowGroupMode is specified
I am trying to show data in a PrimeNG table in a grouped manner. I am following the example given in their documentation https://www.primefaces.org/primeng-v13/table/rowgroup.
When I run the application I can see that the data is displayed in a…

Zehan Jurangpathy
- 45
- 8
1
vote
1 answer
Import primeng TableModule gives error in Angular2
I'm trying to run a very simple primeng table app. I installed primeng and primeicons. When I add this import in app.module.ts:
import { TableModule } from 'primeng/table';
It gives an error when compiling:
Error:…

SimonD
- 1,441
- 2
- 18
- 30
1
vote
2 answers
How to add a new editable row in primeng?
I want create a new editable row by default when clicking "ADD NEW button".
like below screen shot. When I click "+" button a new row will create. once I edit that row and click "done" button the new row will submit.
I have tries below code. a new…

hanushi
- 1,169
- 2
- 12
- 27