The grid.refresh() didn't work, probably because i don't use transport. I have tried all the solutions on telerik and stackoverflow websites.
The data in the array gets manipulated outside of the kendo grid. document.queryselector(".k-pager-refresh").click() option works , but there has got to be a better way to do this.
P.s. deleting and rebuilding the grid with the new data gives bugs with grouping the data by column header, so that isn't an option.