Stack Overflow
Stack Overflow

Questions tagged [p-table]

52 questions
1
vote
3 answers

Angular 8 PrimeNG p-table pagination style

I'm trying to use PrimeNG to make a paginated table but I got this basic table with almost no styling I want it to have the same style like this one stackblitz I think I have installed and imported all the required packages. Also, I added the…
Merna Mustafa
  • 1,235
  • 2
  • 10
  • 22
1
vote
1 answer

primeNg table modifying container width when it has more than 5 records on tabSwitch

width of container is getting increased on tab switch. but it's working fine when table has only less than 5 records. Sample application
pathe.kiran
  • 2,444
  • 1
  • 21
  • 27
1
vote
0 answers

P-table not sorting numbers with dots (version numbers) properly

I am using Angular 12 and I have a problem with p-table that I doesn't have an idea how to solve since in some examples it is working properly - in some it doesn't. Working example with item list: item1: V3 item2: V2.5 item3: V2.0 item4:…
99Coder
  • 47
  • 1
  • 7
1
vote
0 answers

Primeng p-table border radius not applying

I'am able to apply border to p-table using tableStyleClass but not border-radius. Any idea why? .tableBorder{ border: 1.7px solid #dcdadad6; border-radius: 7px !important; }
this.ash
  • 11
  • 2
1
vote
2 answers

Prime ng table not updating on first change

I have a prime-ng table of shops, where I can remove and add shops to a list. The behavior: When a shop is added, the ChildComponent emits an event to ParentComponent which then adds the shop to the list and updates the input observable of the…
Lossan
  • 411
  • 1
  • 8
  • 16
1
vote
1 answer

PrimeNG Table - How to clear a text filter in code and a p-table

I have been trying to figure this out for over a week now. I can't seem to be able to clear my filters without breaking them. I need a button that clears all the filters on my screen so the user does not have to do them one by one. Here is my…
Mike
  • 45
  • 1
  • 7
1
vote
1 answer

How to change the color when the row is unselected in the primeNg p-table?

I am trying to change the color of the row to a different color upon row unselect. This feature is something that is provided by the primeng theme. I am trying to override it to customize it. Is there anyway I can change the row color when it is…
E S
  • 105
  • 2
  • 8
0
votes
0 answers

primeng p-table filter with editable FormArray - FilterService Value getting null

I'm facing an issue while implementing filter on primeng p-table with formarray controls, Filter didn't work properly, So registered custom filter and tested then the value is null for all the rows, how can get control/value of the control to filter…
Ganesan Mani
  • 55
  • 6
0
votes
0 answers

prevent p-table sorting when all the rows has same value in a column and don't change sorting icon as there is no change in the table

I am using primeng 14 version in an Angular 14 project. The issue scenario is, in a table, one specific column has same value in all rows. When I tried to click sort icon on the column, there is no sorting is happening. Data in all columns remains…
Antony SUTHAKAR J
  • 912
  • 1
  • 7
  • 13
0
votes
0 answers

Prime ng table using pagination does not respecte [rows]='25' value when selected location placed at top of the table

Prime ng table using pagination does not respecte [rows]='25' value when selected location placed at top of the table primeng version 9.x my implemention primeng tabl using lazyloading and pagination [rows]='25' rows displayed on single page are 25…
alucard
  • 1
  • 1
0
votes
1 answer

PrimeNG Table: unable to keep in editable mode

I am working on PrimeNG Table inline editing functionality in angular. If I enter blank record in the input box I throw an validation message but once message is shown inline edit option disappears. I want to keep inline editing as is. HTML…
Bhushan Khaladkar
  • 420
  • 1
  • 7
  • 20
0
votes
1 answer

Basic pagination with primeNG

I'm using for the first time primeNG with Angular and I need to implement a basic paginated table that will show 10 rows at the time. I managed to get the data from the API and insert them into a p-table but i can't understand how to properly show…
Unearthly
  • 121
  • 6
0
votes
0 answers

p-table reorder: After scrolling, the last element cannot be reordered

After scrolling the page you are no longer able to reorder a row into the last row of the table. Additionally, that issue occurs in all versions of PrimeNG reorder table Steps to reproduce: go the official PrimeNg showcase for table…
Rahul Kalsha
  • 1
0
votes
1 answer

Not able to see entire text when embeded clear button in inputbox

In Angular, I have added clear button inside input box but after adding it I am not able to see entire text in input box as it is being overlapped. Please find detailed information below. HTML Code
Bhushan Khaladkar
  • 420
  • 1
  • 7
  • 20
0
votes
0 answers

Angular : Inline editing using P-Table not working properly

I am trying to do inline editing in angular using p-table attribute. When I click particular row edit button it is converting entire rows into editable format whereas I just want that particular row to be edited. Below are the code details. HTML…
Bhushan Khaladkar
  • 420
  • 1
  • 7
  • 20
1
2
3 4