Questions tagged [primeng-turbotable]

Questions about PrimeNG's TurboTable for displaying data in a table, and how to use TurboTable's API.

Questions about PrimeNG's TurboTable, which is used for displaying data in a table. Any question about how to use the table, how the table works, or related questions go here.

187 questions
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

frozen column and scrollable column data is getting misaligned with primeng table

am trying to show the data using p-table of primeng with frozen columns. If the Frozen column data does not fit in one line then the frozen column and scrollable column data is getting misaligned (show below):- Code:-
Sunny
  • 858
  • 3
  • 17
  • 39
2
votes
1 answer

p-table reset is not working in angular 8 for PrimeNG table

Hi I am using angular 8 and PrimeNG version 6. I want to reset the p-table on button click. I am getting error see below. import { Table } from 'primeng/table'; @ViewChild('dt', { static: false }) Component table: Table; …
Rahul Mangal
  • 21
  • 1
  • 4
2
votes
1 answer

PrimeNG p-table scrollable scrollHeight last row p-dropdown to open upwards

Using following config: "@angular/cli": "^7.3.9", "primeng": "7.0.5", I have a page that uses PrimeNG's which is scrollable and has a scrollHeight set to 100%. This table is wrapped within a div that has fixed height of 300px. Created…
2
votes
2 answers

Pass ng-template through component

PrimeNG Table takes body and header templates to render the table. I have created the component that wraps PrimeNG table. How can I pass ng-template through my component to p-table?
2
votes
1 answer

Dropdown inside primeng table

I am using a drop down list inside primeng turbo table. I have an array that consists of two arrays that form the options for the drop down menu. I want the first option to come in the first row and the second options to come in the second row of…
rock11
  • 718
  • 4
  • 17
  • 34
2
votes
1 answer

PrimeNG Turbotable all expand

I'm using primeng turbotable but unable to expand all the raws by default. https://stackblitz.com/edit/angular-qccqg8 Already tried with below example but seems not working. PrimeNG Turbotable expand by default
2
votes
1 answer

How to get row count using primeng turbotable with help of primeng

I have tried to display current table row count with total count i got total value count via #table.value.length but i can't able to get current page row count, I used turbotable in primeng. I need to display like blow image for total count/ row…
SaranViji
  • 383
  • 2
  • 6
  • 17
2
votes
0 answers

PrimeNG Turbotable with custom comparator for one individual column?

We're having a pretty large table with lots of sorting and filtering options. The table is sortable by several columns, though only for one of them at a time. There's no combined sorting going on. Now I am adding a field that contains a small widget…
UncleBob
  • 1,233
  • 3
  • 15
  • 33
2
votes
1 answer

Dropdown values hidden inside scrollable table header - Primeng

I have used Primeng p-table with filter and frozen column feature (one column is freezed rest are movable). In the header I am giving select dropdown as a filter control. When I am opening the dropdown, the values are getting hidden as shown in the…
tariqzak
  • 61
  • 1
  • 5
2
votes
2 answers

Disable/Enable selection based on row content of PrimeNG TurboTable or TreeTable

With p-treeTable i can enable selection for all rows, based on selectionMode = "single". Now i'd like to disable selection for rows, which are not intended to be selected. PrimeNG 7, Angular 7. If I remove [ttRow]="rowNode"…
2
votes
3 answers

How to scroll to last row on a PrimeNG TurboTable component

I'm using a PrimeNG TurboTable component on an Angular 7 application and there's a button to add new rows to it. The problem is that, when a new row is added, the user has to scroll down to the bottom of the table to start editing it. How could I…
Fel
  • 4,428
  • 9
  • 43
  • 94
2
votes
1 answer

PrimeNG p-table dynamic caption

I'm new in Angular7 and PrimeNG. I don't figured out how to pass table caption as variable: {{title}}
Bogdan
  • 656
  • 15
  • 25
2
votes
0 answers

TurboTable Lazy Loading with default Filter with Initial value?

I am loading PrimeNg turbotable lazily. Everything is working properly. But I want to load the data with some default Filter value Say: I want to load data with User Id who is Logged. Dynamically I am setting the value of text filter or Dropdwon…
DirtyMind
  • 2,353
  • 2
  • 22
  • 43
2
votes
1 answer

PrimeNG table is not resetting

Applying reset method on PrimeNG table resets the icon, but it does not reset data. HTML TS onReset = (table) => { table.reset(); }
Md Rahaman
  • 101
  • 1
  • 2
  • 8