When combining angular-datatables and angular-xeditable, editable row is canceled when adding a new row.

This is the jsfiddle.
Sample operation is as follows.

(1) This is initial state.

enter image description here

(2) editing first and third rows to status “status4”.

enter image description here

(3) Press Add row.

enter image description here

On (3), editting is canceled and status is reverted to “status1”. My hope is both row1 and row3 are kept editting and status stays “status4”. If without angular-datatables, it works as my hope as this jsfiddle, but I would like to use with datatables.

How can I fix?