I then have another button 'Recalculate' that is not in the data-table, and this button will 'action' the change and perform some calculations elsewhere on page.
On click of the 'Recalculate' button, I would like the yellow highlights on the inline edited cells of the data-table to be cleared, but I can't work out how. This is so the user can see that their changes have been applied.
There's no reference in the documentation stating how this can be done, nor is there anything on how to get any component to re-render.
I have tried looking for DOM elements that have the highlighting class defined, but I suspect I am hitting a Shadow DOM boundary (which would make sense) and therefore cannot access the sub-elements of the data table component.