Пользовательский интерфейс Kendo сохраняет состояние сетки в Angular

Question

Я пытаюсь сохранить состояние таблицы после урока в официальной документации

Для простых сеток это работает нормально, но моя сетка более сложная. У меня есть сетка, состоящая из групп столбцов (иерархия: таблица-> columnGroup-> column)

Есть ли способ сохранить состояние всей таблицы?

Это выглядит так:

Вот код части таблицы:

<kendo-grid
    #grid
    [kendoGridBinding]="fCodes"
    [resizable]="true"
    [filterable]="'menu'"
    [sortable]="true"
    [columnMenu]="true"
    [loading]="loading"
    [pageable]="{
        pageSizes: [10, 20, 50, 150, 500, 1000],
        type: 'input'
    }"
    [pageSize]="10"
    [skip]="0"
    style="height: 700px"
    (add)="addHandler($event)"
    [navigable]="true"
    (excelExport)="onExcelExport($event)"
    (dataStateChange)="dataStateChange($event)">

<kendo-grid-column-group title="Item information">
        <ng-template kendoGridHeaderTemplate let-column let-dataItem>
            <span class="grid-group-title">
                Item information
            </span>
        </ng-template>

        <kendo-grid-column field="category" title="Category" [width]="150">
        </kendo-grid-column>

        <kendo-grid-column field="item_code" title="Item Code" [width]="130">
        </kendo-grid-column>

        <kendo-grid-column field="description" title="Description" [width]="180">
        </kendo-grid-column>


        <kendo-grid-column [class]="{'align-right': true}" field="cost_updown" title="Cost ↑↓" [width]="130" [filterable]="false">
          <ng-template kendoGridCellTemplate let-dataItem>
            <app-arrow-formatter [value]="dataItem.cost_updown"></app-arrow-formatter>
          </ng-template>
        </kendo-grid-column>

</kendo-grid-column-group>

<kendo-grid-column-group title="Previous Reference">
        <ng-template kendoGridHeaderTemplate let-column let-dataItem>
            <span class="grid-group-title">
                Previous Reference
            </span>
        </ng-template>
        <kendo-grid-column field="field1" title="text" [width]="120">
        </kendo-grid-column>
        
        <kendo-grid-column field="field2" title="text" [width]="120">
        </kendo-grid-column>

</kendo-grid-column-group>

</kendo-grid>