0

i'm trying to use primeng dataTable with the following properties: editable='true' rowGroupMode="rowspan"

but it seems like these two properties can't work together. When trying to edit a table grouped cell I'm getting this error:

ERROR TypeError: Cannot read property 'index' of undefined
at Object.eval [as updateDirectives] (datatable.d.ts.TableBody.html:23)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:14689)
at checkAndUpdateView (core.js:13836)
at callViewAction (core.js:14187)
at execEmbeddedViewsAction (core.js:14145)
at checkAndUpdateView (core.js:13837)
at callViewAction (core.js:14187)
at execEmbeddedViewsAction (core.js:14145)
at checkAndUpdateView (core.js:13837)
at callViewAction (core.js:14187)

I've tried it with angular 4 and angular 5 with no success.

This is my HTML code:

<p-dataTable #dt [value]="newData" [editable]="true" editMode="row" editingRow="true" [rows]="15" rowGroupMode="rowspan" sortField="resourceGroup">
            <ng-container *ngFor="let col of cols">
                <p-column [field]="col.field" [header]="col.header" [editable]="col.editable"></p-column>
            </ng-container>
</p-dataTable>
Shay
  • 407
  • 2
  • 8
  • 15

1 Answers1

0

use [editable]="true" on table as well as on column like 

<p-dataTable [value]="yourArray" [editable]="true">
 <p-column field="yourField" header="yourHeader" [editable]="true"></p-column>
Hrishikesh Kale
  • 6,140
  • 4
  • 18
  • 27
  • I've added my html code. As you can see I already have [editable]='true' in my code but still getting error in the console on every key stroke when trying to edit a grouped cell. – Shay Dec 28 '17 at 08:38