Articles in this section
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

 

Refresh the row

Description automatically generated

 

Note:

The above solution will work only for the inline mode of editing and local data in Grid.

 

You can find the samples here

Javascript(ES5) Sample

React Sample

Documentation

https://ej2.syncfusion.com/javascript/documentation/api/grid/#currentviewdata

https://ej2.syncfusion.com/javascript/documentation/api/grid/#actionbegin

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied