Hello Shobhana,

Thank you for posting into our community!

I have been looking into your question and I am under the impression that you require to compare the values for one specific column and if the values of the API data, i.e., current values, are different from the values of the grid column, i.e., previous values, the data should be reloaded. Could you please confirm if my impression is correct?

If it is correct, an approach I could suggest is getting a reference of the cell values for the specific column, comparing these values with the new data, and reloading the data if they differ.

For example:

const currentColumnValues = this.grid
    .getColumnByName('COLUMN_FIELD')
    .cells
    .map((x) => x.value);

const updatedColumnValues = this.service.getData().map((x) => x.COLUMN_FIELD);

for (let index = 0; index < currentColumnValues.length; index++) {
    if (currentColumnValues[index] !== updatedColumnValues[index]) {
        this.differ = true;
        return;
    }
}

if (this.differ) {
    // reload data
}

Please test this approach on your side and let me know if you need any further assistance regarding this matter.

Additionally, if this is not an accurate demonstration of what you are trying to achieve, it would be highly appreciated and extremely helpful if you could provide me with a small, isolated sample that demonstrates the configuration of your application as well as how the data is received from the service and reloaded.

Thank you for your cooperation. Looking forward to your reply.

Sincerely,
Riva Ivanova
Associate Software Developer