столбец сетки кендо не может измениться

Question

Я пытаюсь реализовать простую сетку кендо.

Для каждого нажатия кнопки сетка привязывается как

$("#grid").kendoGrid({
    dataSource: data,
    toolbar: [],
    editable: (viewModel.isEnabled ? { "createAt": "bottom" } : false),
    //edit: onReleaseGridEditing,
    height: 250,
    scrollable: true,
    columns: cols,
    remove: function (e) {
    }
});

данные и столбцы различны для каждого клика.

Ожидается, что #BudgetGrid может динамически изменяться при каждом нажатии кнопки.

К сожалению, изменяются только строки данных (количество строк и значений), но имена столбцов не изменились соответствующим образом.

Я пытался позвонить

$("#grid").data("kendoGrid").refresh()

Или

$("#grid").data("kendoGrid").destroy()

Но имя столбца и количество столбцов не были перезагружены

Я обнаружил, что это может бытьсделано путем установки $ ("# grid"). empty () для первого опустошения.

Но мне было интересно, если это правильный способ сделать это.

Спасибо.