Search code examples
angularprimengprimeng-turbotable

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


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!


Solution

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