I am creating a jQuery grid dynamically like below. A user is able to add new data (columns) via an external dialog and button. When the button is clicked a new column is added to the dynamic list for the grid's data and then I send the "read" and "refresh" commands for the grid. However, the grid never displays the grid with the new column. The new column also doesn't show when physically click on the refresh icon button on the bottom of the grid.
Here's how I create my grid:
var grid = $("#RRManagement").data("kendoGrid"):
//I've tried read() and refresh()
//I've also tried sync(), but I only get the spinning loading icon that never goes away.
I'm not sure what I'm doing wrong. Any help is appreciated. Thanks.