Auto Update

[Nick]

Hi All

New to react in general but I have a grid up and running with a footer using a function to perform a simple sum (as per the below)

 

This is all working fine on data load, but if I update any values and even update the state it does not seem to trigger an update to the cell totals in the footer. would there be anything that I could be missing here or have to call?

const CellTotals = (props) => {
  const sum = products.reduce(
    (acc, current) => add(acc, current[props.field]),
    0
  );
  return (
    <td colSpan={props.colSpan} style={props.style}>
      {formatMoney(sum)}
    </td>
  );
};

[Vladimir Iliev]

Hello Nick,

The reason for current behavior could be using the Kendo UI wrappers for React. If this is the case I would strongly suggest to upgrade to the native Kendo React Grid as the KendoUI wrappers for React are no longer maintained:

• KendoReact Grid

If this is not the case could you please provide runable example in StackBlitz where the issue is reproduced? This would help us get better overview of your current setup and advice you better how to proceed.

Regards,
Vladimir Iliev
Progress Telerik