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…
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…
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:
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…
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
1
vote
1 answer

PrimeNG Table Sorting - Only show icons when sorted

I have a pretty standard PrimeNG table that has sortable columns. But by default, the sort icons appear. Is it possible to only show the sort icons when the column has been sorted?
Josh
  • 10,352
  • 12
  • 58
  • 109