Questions tagged [primeng-table]
95 questions
8
votes
1 answer
Nested json object with CSV export using primeNG with dataTable
we have an Nested JSON object for flat level of json of object export CSV is working but for nested object it is not working (Sites Object) .
for this implementation we have used the PrimeNg library:
Below is json response:
"data": [
{
…

Pramod Kharade
- 2,005
- 1
- 22
- 41
7
votes
2 answers
How to change export csv name in primeng while click on download?
Let consider below is prime ng table of angular:
I have used primeng table library to list the records and download csv.

Pramod Kharade
- 2,005
- 1
- 22
- 41
6
votes
1 answer
How to search inside the array in primeNg p-table with multiselect?
I am having the data points like an array. So I am trying to search the value inside the array but it is not working in primeng
In the component file I am having the below part of code,
tableHeader = [
{ field: 'name', header: 'Name' },
{…

mkHun
- 5,891
- 8
- 38
- 85
4
votes
0 answers
PrimeNG p-table: Prevent leave cell
I use PrimeNG and its component p-table in my project. The table is editable. So you can click into a cell and edit the content directly. As in this example: https://www.primefaces.org/primeng/showcase/#/table/edit
I use these events to react to the…

OPunktSchmidt
- 671
- 1
- 9
- 25
4
votes
1 answer
How do I display summary calculations in the footer of a PrimeNG table?
I'm having a heck of a time finding out how to do a simple summary function at the end of a PrimeNG p-table. For example, if I want to total a particular column in the last row of the table, or display the minimum of a value of integers, or any…

twosouth
- 171
- 3
- 12
3
votes
1 answer
Angular - PrimeNG : sortField, sortOrder & reset not working properly
https://primefaces.org/primeng/showcase/#/table
First, i want the table to initialy do the order on my column "order" : it works.
Then, the user can change the sort manually by itself for another column (like 'name')...
When the user hit the "Edit"…

Arn.vrn7
- 101
- 1
- 7
3
votes
2 answers
PrimeNG Table and reusable table template fragments
I'm using PrimeNG 12.0.1 and its Table to display data in my Angular application.
I have separate @Component which contains in html template. Inside there's ng-templates to display table parts like pTemplate="colgroup",…

user3626048
- 706
- 4
- 19
- 52
3
votes
0 answers
Angular 6: Render Nested JSON in a table
I have a nested JSON structure which needs to be represented in a table.
The structure is:
students = [
{
"id": "1",
"name": "Ram",
"subjects": [
{
"id": "101",
"name": "Maths",
"exams": [
{
…

ZeroTPS
- 49
- 2
- 8
2
votes
0 answers
Angular 15 and PrimeNG 15 - When resizable columns together with table column grouping columns don't resize as desired
I'm developing a solution using Angular (v.15) and tables from PrimeNG (v.15). I'm using attributes that make columns resizable, table column grouping and table expansion. When only using [resizableColumns]="true" and the other two attributes on…

Lainen
- 21
- 1
2
votes
2 answers
how to set totalRecords of primeng p-table when the data is coming from API?
I want to update totalRecords of primeng table when data get from API
this.customerService.getData().subscribe(data=>
this.dataApi = data.users;
this.dataTotalRecords = data.total;
});

neeravi
- 21
- 3
2
votes
1 answer
Angular dynamic nested key ngModel
How to use dynamic key in ngModel?
I am using the primeNg library and i'm trying to bind a dynamic key to the ngModel
this is the html template

Mitinoh
- 23
- 5
2
votes
1 answer
How can I programmatically disable or remove arrow key navigation on a PrimeNG Table using TypeScript or Angular
I would like to programmatically disable left and right arrow key navigation in a PrimeNG Table using cell editing, without having to modify the Table component source code. See this example: Angular Primeng Tableedit Demo code.
I have tried and…

Dion Joubert
- 29
- 3
2
votes
0 answers
Primeng table with row grouping and selection
How can I use row grouping and selection on checkbox in table row using primeng.
I have created one demo for it. while selecting one row, it is impacting other rows as…

Rishabh Shah
- 541
- 7
- 28
2
votes
0 answers
Mean stack & PrimeNG CSV export - nested array of objects as new row
I have a multiple level nested array that I would like to export. I'm just wondering if I can export the nested array of objects as a new row of csv? At the moment, I'll have to input "users.0.name" as field in order to get the data of the array of…

Yandy
- 95
- 6
2
votes
0 answers
Paginator set always at the first page primeng
The user, after a research that loads values in table, can use pagination to show the other pages with the other value. The problem is that the user see paginator at the end of table but when click to go at the next page the values aren't update.…

Joe Peteny
- 211
- 2
- 10