Использование виртуальной клавиатуры в Kendo Grid

Question

Я пытаюсь интегрировать виртуальную клавиатуру, такую ​​как: https://github.com/ngx-material-keyboard/core, в мою сетку кендо.Однако я не смог реализовать это.Какой метод я мог бы использовать, чтобы превратить несколько моих столбцов в сетке, чтобы использовать виртуальную клавиатуру - мне нужно вводить странные символы, которые нелегко набирать, поэтому я использовал виртуальную клавиатуру, чтобы развернуть обычные символы на клавиатуре.физическая клавиатура.

Моя текущая сетка:

        <kendo-grid
      [data]="view | async"
      [pageSize]="gridState.take" [skip]="gridState.skip" [sort]="gridState.sort"
      [pageable]="false" [sortable]="false"
      (dataStateChange)="onStateChange($event)"
      (edit)="editHandler($event)" (cancel)="cancelHandler($event)"
      (save)="saveHandler($event)" (remove)="removeHandler($event)"
      (add)="addHandler($event)"
      [navigable]="true"
    >
      <kendo-grid-column field="article_id" editor="numeric" title="Article ID" *ngIf="isHidden('article_id')"></kendo-grid-column>
      <kendo-grid-column field="firstEntry" title="First Entry" *ngIf="!isHidden('firstEntry')"></kendo-grid-column>
      <kendo-grid-column field="firstDia"   title="First Dia" *ngIf="!isHidden('firstDia')"></kendo-grid-column>
      <kendo-grid-column field="secondEntry" title="Second Entry" *ngIf="!isHidden('secondEntry')"></kendo-grid-column>
      <kendo-grid-column field="secondDia" title="Second Dia" *ngIf="!isHidden('secondDia')"></kendo-grid-column>
      <kendo-grid-column field="createdBy" title="Created By" *ngIf="isHidden('createdBy')"></kendo-grid-column>
      <kendo-grid-column field="createdDate" title="Created Date" *ngIf="isHidden('createdDate')"></kendo-grid-column>
      <kendo-grid-column field="ref_source" title="Reference" *ngIf="!isHidden('ref_source')"></kendo-grid-column>
      <kendo-grid-column field="page" title="Page" *ngIf="!isHidden('page')"></kendo-grid-column>
      <kendo-grid-column field="note" title="Note" *ngIf="isHidden('note')"></kendo-grid-column>
      <kendo-grid-column field="perferred" title="Perferred" *ngIf="isHidden('perferred')"></kendo-grid-column>
      <kendo-grid-command-column title="Operator" width="200">
        <ng-template kendoGridCellTemplate let-isNew="isNew">
          <a kendoGridEditCommand><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>
          <a kendoGridRemoveCommand><i class="fa fa-trash-o" aria-hidden="true"></i></a>
          <button kendoGridSaveCommand [disabled]="formGroup?.invalid">{{ isNew ? 'Add' : 'Update' }}</button>
          <button kendoGridCancelCommand>{{ isNew ? 'Discard changes' : 'Cancel' }}</button>
        </ng-template>
      </kendo-grid-command-column>
      <ng-template kendoGridToolbarTemplate>
        <button  kendoGridAddCommand>Add New</button>
      </ng-template>
    </kendo-grid>