CODEWITHSUNDEEP
angularkendo-gridangular-reactive-formsangular8kendo-ui-angular2
Rohìt Jíndal
Rohìt Jíndal

Reputation: 27202

Kendo Grid : Removing a first row from the grid, always remove the last row

While trying to remove any row (having form controls) from the grid, it always remove the last row.

Demo URL for the reference : https://stackblitz.com/edit/angular-oitz5j-zvjoxf

steps to reproduce :

versions used :

Angular : 8
Angular CLI : 8.3.3
Node : 10.16.0

Note : with Angular 5 the above functionality working fine.

Upvotes: 1

Views: 1446

Answers (2)

khush
khush

Reputation: 2801

Stackblitz Link

Here, new row can be added at the end and on discarding a row specified row will be deleted.

I have used template driven form so that on adding new row id values will not be repeated. Refer the shared code.

Hope it helps.

Upvotes: 1

Pandiyan Cool
Pandiyan Cool

Reputation: 6565

Its a UI illusion I guess!

You should not use rowid manually, probably you should datasource option of kendo grid.

By the way, check this out

UI getting updated properly. Since you are using ROWID, it may get duplicated at some point.

<button (click)="addNewRow()">Add {{dataItem.rowID}}</button>

https://stackblitz.com/edit/angular-oitz5j-dbwzxh?file=app/app.component.ts

enter image description here

Upvotes: 1

Related Questions