Questions about the PrimeNG DataTable component from PrimeTek Informatics.
Useful Links
Questions tagged [primeng-datatable]
474 questions
1
vote
1 answer
how to Global Filter dates with text search in PrimeNg
How can I get the Global Search box to search with Month in a 'dd LLL YYYY' format. Example, find rows with Jan or Feb. Using Angular 12.0.3 and PrimeNG p-table in 12.2.2 .
Randy
- 729
- 5
- 14
1
vote
0 answers
primeng table sticky headers with scrollable true
This problem has surfaced in the past (e.g. Sticky header of p-table not working with [scrollable] = true in Primeng.?) though as the comment to the comment suggests, I too have experienced that previously shared solutions don't work
When we pass…
sandu
- 66
- 10
1
vote
1 answer
How to deselect Primeng Selection Table (TS)
I want to reset the selected rows to all deselect via TS. Resetting the table does not update the selected rows.
TS:
import { Table } from 'primeng/table';
@ViewChild(Table)…
Lulutho Mgwali
- 823
- 1
- 11
- 33
1
vote
1 answer
PrimeNG - Filter table by indexed element of property array
I want to implement data filtering in a PrimeNG table, according to an indexed element of a property of my model.
Model example in JSON format below:
{
"customObj":{
"id":1,
"name":"my name",
"labels":[
{
"id":1,
…
NickAth
- 1,089
- 1
- 14
- 35
1
vote
0 answers
Unit testing input event in Angular
I have unit test case to test global filter function in angular application. I'm not sure if this is an angular version problem or if I'm missing anything from the test case.
Environment : Angular CLI: 12.2.6 Node: 14.17.6
Here's the…
itgeek
- 549
- 1
- 15
- 33
1
vote
2 answers
PrimeNG table row width change on rowExpand
I'm using PrimeNG table with expandable rows. However when I trigger the expand event all of the parent rows decrease in width, as seen in the images below:
Table before expansion
Table after expansion
How can I implement the row expansion feature…
Katz
- 21
- 3
1
vote
1 answer
Filter PrimeNG Table on Init using .ts code
I need to filter the table on view load.
For example, I have a table with 5 columns (Woid, Customer, AdapterID, Assignee, Status). On load, I want to filter woid column using 'contains'. I accomplished filtering onLoad but when I want to filter…
Domagoj Hamzic
- 300
- 3
- 17
1
vote
0 answers
PrimeNg p-table lazyLoadOnInit doesn't work
The [lazyLoadOnInit] input of the p-table, when set to false, doesn't work. It still triggers the load event on the initial load. I am using the latest version.
Here is the example on Stackblitz.
Does someone know what might be the problem?
Developer Thing
- 2,704
- 3
- 21
- 26
1
vote
0 answers
Column sorting is not working with Row Group tabular data in PrimeNG controls in Angular
I am using PrimeNG Table to show some data in my page. To show data in table I have used Row Group with Collapsible style. It's working find. But the problem is, after using Row Group Column Sorting is not working now. Here is my GitHub Repo.
HTML…
mnu-nasir
- 1,642
- 5
- 30
- 62
1
vote
0 answers
How to prioritize the order of css with css coming from the node module?
I use primeNg table in my html page and when I am responsive I would like to keep the header of my grid.
however the table "p-datatable-thead" is automatically set to "display-none" with node
@media screen and (max-width:…
Greg-A
- 772
- 1
- 19
- 41
1
vote
0 answers
Property 'value' does not exist on type 'FilterMetadata | > FilterMetadata[]'
I have an application generated using Jhipster PrimeNG Blueprint. It enables table filtering using 'filters' as
this.myTable.filters.filterField.value
Since filters definition in table.ds has been updated from
@Input() filters: { [s: string]:…
Shahzad
- 508
- 7
- 16
1
vote
3 answers
Why global search is not working for this PrimeNG table?
I am working on an Angular application using PrimeNG. In particular I am using the PrimeNG p-table component and I am finding some problem with Global Search.
This is the component: https://www.primefaces.org/primeng/showcase/#/table
This is my HTML…
AndreaNobili
- 40,955
- 107
- 324
- 596
1
vote
2 answers
How to set Auto width column after cell editing in PrimeNg?
I am using PrimeNg to edit data table.
How to set Auto width column or bring down the text next line for below sample.
You can reproduce same behavior in below primeNg link.
https://primefaces.org/primeng/showcase/#/table/edit
…
Shakeer Hussain
- 2,230
- 7
- 29
- 52
1
vote
2 answers
Library production build failed on angular 11 with: Expected 0 arguments, but got 1
I am trying to build my lib with --prod so i can publish it.
I am getting following error:
Directive SelectableRow, Expected 0 arguments, but got 1.
mycomponent.ts
ssapp
- 313
- 1
- 5
- 13
1
vote
2 answers
How to add tooltip to specific header column in primeNG table
Html
{{col.header}}
TS
export class Table…
Jesse W
- 91
- 1
- 8