Category / Section
How to refresh a particular row in Javascript Grid
1 min read
When you update the edited data, the entire Grid will be refreshed automatically to reflect changes in its data source. Instead of refreshing the entire Grid during an update, you can use the following solution to refresh only the edited row. Please refer to the following code.
function actionBegin(args) { if(args.requestType == "save"){ args.cancel = true; this.isEdit = false; this.currentViewData[args.rowIndex] = args.data; this.editModule.editModule.refreshRow(args.data); } }
Output
Note:
The above solution will work only for the inline mode of editing and local data in Grid.
You can find the samples here
Documentation
https://ej2.syncfusion.com/javascript/documentation/api/grid/#currentviewdata
https://ej2.syncfusion.com/javascript/documentation/api/grid/#actionbegin