Questions tagged [primeng-datatable]

Questions about the PrimeNG DataTable component from PrimeTek Informatics.

Useful Links

474 questions
19
votes
5 answers

how to make PrimeNG table columns auto fit?

I want to make my PrimeNG table columns autofit and resizable. How can I achieve that?
Nitin Wahale
  • 1,666
  • 2
  • 14
  • 25
15
votes
5 answers

Sticky header not working with resizable column in Primeng.?

I am trying to implement both column resize and stick header. But sticky header works fine if I won't use the column resize. If I implement both, column resize is working but sticky header is not working. I used the following css from primeng for…
mkHun
  • 5,891
  • 8
  • 38
  • 85
13
votes
7 answers

Primeng make scrollable datatable height responsive

PrimeNG DataTable provides a [scrollable] property to define vertical and/or horizontal scrolling. This has to be used with a combination of a set scrollHeight and/or scrollWidth. How can I have a table that will adjust to whatever the height/width…
Nikita Marinosyan
  • 747
  • 2
  • 8
  • 26
11
votes
4 answers

PrimeNg sorting

I am using primeNg . I want to implement sorting of data. What I did is below sort.HTML
Anna
  • 1,669
  • 7
  • 38
  • 63
11
votes
3 answers

PrimeNG datatable date range filter

Filter date range || Datatable I need some help on how to filter date range..dateCreated I want to search date created in search input, but it seems, it's not working. No records found. I was searching about custom filter, and I'm having a hard time…
11
votes
7 answers

How to use Primeng Menu with command and parameters in DataTable?

MenuItem of primeng has a parameter called command that is a function to be executed when its item is clicked. One example of using this is provided in https://www.primefaces.org/primeng/#/steps to give feedback to user. command: (event: any) => { …
Gabriel Costa
  • 349
  • 1
  • 4
  • 13
10
votes
2 answers

PrimeNG Table get filtered row

I am using PrimeNG 6.0.2 with Angular 5 and I'm having issues with the Table plugin. I switched to Table because DataTable is deprecated. Now, I can't access filtered values the way I could before. Let's say I define my table in component via…
dzenesiz
  • 1,388
  • 4
  • 27
  • 58
10
votes
6 answers

Display nested object in column in primeng

I am following the templating option given in primeng docs to create a link with column data alongside in a primeng datatable column, but I am not able to show nested object using {{data[col.field]}}.
RemyaJ
  • 5,358
  • 4
  • 22
  • 41
9
votes
2 answers

Multiple field for AutoComplete box (primeng 4.2.0 and Angular 4)

How do i display multiple field within a primeng auto complete box. for example: or
8
votes
4 answers

How to hide column in PrimeNG turbo table?

Hi I am trying to convert my PrimeNG data-table to turbo table. Actually I have used [hidden]="!cols.visibility" in PrimeNG my data-table. Now what I should used to achieve the same in turbo table. Previous datatable Column Code :
Vijay Dhanvai
  • 1,054
  • 3
  • 13
  • 22
7
votes
2 answers

PrimeNG p-table column widths on scrollable table

I have a p-table defined with [scrollable]="true"
Patrick
  • 5,526
  • 14
  • 64
  • 101
7
votes
4 answers

Can the width of a column be altered in a sortable primeng table?

I want to reduce the width of a few columns I'm using in primeng grid. However as per my understanding, we can only change the width of columns we create using "p-column" or the "th" tag. PFA code snippets below: HTML:
Vaibhav Tiwari
  • 401
  • 1
  • 3
  • 8
7
votes
4 answers

PrimeNG export to CSV

I have a PrimeNG grid and the data served by the PrimeNG is from a service which have server side paginated data and from the server we would receive only our current page record. I have my HTML code as below:
Rasmi
  • 501
  • 1
  • 6
  • 26
7
votes
3 answers

how to get and set the current page number in primeNG datatable?

I am using primeNG datatable in my angular project. In one of my scenario I need to get the current page number of primeNG data table and pass that number to the next screen and when user navigate back to previous screen I want to set that page…
user3340357
  • 101
  • 1
  • 2
  • 6
6
votes
3 answers

Property 'value' does not exist on type 'FilterMetadata' on primeng table

I am migrating a module from primeng 7 to primeng11 along with angular11 the code runs perfectly fine on ng serve the functionalities are working too but on build I am getting a weird error error TS2339: Property 'value' does not exist on type…
Lakshmi
  • 2,204
  • 3
  • 29
  • 49
1
2 3
31 32