Below is the link for telerik documentation with sample code and solution to persist expanded rows after refresh.

https://docs.telerik.com/kendo-ui/knowledge-base/persist-expanded-rows

You will see a snippet that I posted below.

grid.one("dataBound", function () {
    grid.expandRow(grid.tbody.children().filter(function (idx, row) {
       return $.inArray($(row).data("uid"), expanded) >= 0;
    }));
});
    grid.refresh();

I implemented this on my solution but it only persists expanded selection 1 level deep.... any idea how to get it to persist expanded selection at lower levels..... see example below.

Level 1 -> Level 2 -> Level 3 -> Level 4

It keeps all child items expanded in level 1. Can you easily modify to keep level 2 and 3 rows expanded?

Thanks, please view link for code sample.