Please look at this code:
<eui-datagrid style="height:250px"
[virtualScroll]="true"
[data]="data"
[total]="total"
idField="inv"
selectionMode="single"
[(selection)]="selectedRow"
[pageNumber]="pageNumber"
[pageSize]="pageSize"
[rowHeight]="rowHeight">
<eui-grid-column field="inv" title="Inv No"></eui-grid-column>
<eui-grid-column field="name" title="Name"></eui-grid-column>
<eui-grid-column field="amount" title="Amount" align="right"></eui-grid-column>
<eui-grid-column field="price" title="Price" align="right"></eui-grid-column>
<eui-grid-column field="cost" title="Cost" align="right"></eui-grid-column>
<eui-grid-column field="note" title="Note"></eui-grid-column>
</eui-datagrid>
If you reload the data, the current 'selectedRow' record is different from the new loaded data. So you will lose the selected information. To solve this issue, please reset the 'selectedRow' after reloading the data, or set the 'idField' property for the datagrid component.