PrimeNG p-table (TurboTable) pEditableRow error when setting up Row Editing

1
votes

Cross-post warning: I have also posted this in the PrimeNG Community Forum, but I need to reach the largest audience possible.

I am trying to implement Row Editing in the PrimeNG (version 7.0.4/7.0.5) TurboTable (p-table) component as demonstrated on TurboTable Row Editing.

After following the directions on that page, I keep getting this error:

Template parse errors: Can't bind to 'pEditableRow' since it isn't a known property of 'tr'. ("<ng-template pTemplate="body" let-rowData let-editing="editing" let-ri="rowIndex"> <tr [ERROR ->][pEditableRow]="rowData">

So I created a StackBlitz using the code from the PrimeNG demo (I setup the CarService and copied the Row Editing sample HTML from Github. I got everything setup and tried to run it and I am getting the same error in the demo code that I am getting in my app:

Error in /turbo_modules/@angular/[email protected]/bundles/compiler.umd.js (2500:21)

Template parse errors: Can't bind to 'pEditableRow' since it isn't a known property of 'tr'. ("<ng-template pTemplate="body" let-rowData let-editing="editing" let-ri="rowIndex"> <tr [ERROR ->][pEditableRow]="rowData"> <td> {{rowData.vin}}"): ng:///AppModule/AppComponent.html@15:16

What am I missing? Why won't this work for Row Editing?

Thanks in advance!

3
angularprimengprimeng-turbotable
which version of primeng you are using? – TheParam
My app is using 7.0.4, and the Stackblitz example is using 7.0.5. Same issue with both versions. I added the versions to my post. – Cindy K.

3 Answers

3
votes

try to update primeNG version to latest one. It works for me.

2
votes

Has the TableModule been imported correctly? import { TableModule } from 'primeng/table';

1
votes

Hi I am just trying to use Row Editing DataTable in my application but could not able to get that working...

Prine Ng : 7.1.0 also tried with 7.1.0-rc.1

Included correct Modules as well...

Don't Know What am i Missing...