如何向KendoUI网格中添加angular2+组件基本元素的类？

import { Component, OnInit, AfterViewInit, ViewChild } from '@angular/core';
import { GridComponent, GridDataResult } from '@progress/kendo-angular-grid';

@Component({
  selector: 'app-grid',
  templateUrl: './grid.component.html',
  styleUrls: ['./grid.component.css']
})
export class GridComponent implements OnInit, AfterViewInit {
  @ViewChild(GridComponent) grid: GridComponent;

  public gridData: GridDataResult;

  ngOnInit() {
    // 初始化网格的数据源
    this.gridData = {
      data: [
        { id: 1, name: 'John' },
        { id: 2, name: 'Jane' },
        { id: 3, name: 'Bob' }
      ],
      total: 3
    };
  }

  ngAfterViewInit() {
    // 添加基本元素的类
    this.grid.addClass('my-grid');
  }
}