Angular 13集成Tabulator 6.2.5失败，求助解决方法

我在Angular 13中尝试使用Tabulator 6.2.5，已按官方快速入门文档执行以下安装命令：

• npm install tabulator-tables --save
• npm i --save-dev @types/tabulator-tables

同时也参考了官方Angular配置指南，但文档内容未及时更新，目前表格无法正常显示，怀疑是CSS未生效。

以下是我的代码：

TS代码 #

import { Component, OnChanges, SimpleChanges, OnInit } from '@angular/core';
import {Tabulator} from 'tabulator-tables';

@Component({
   selector: 'app-table',
   templateUrl: './table.component.html',
   styleUrls: ['./table.component.scss'],
})
export class TableComponentTest implements OnChanges, OnInit {
   tab = document.createElement('div');
   innerGrid;
   constructor() {}
 
ngOnChanges(changes: SimpleChanges): void {changes=changes}

ngOnInit(): void {
  this.drawTable(); //Dom noch nicht gezeichnet
}

drawTable(): void {
  let parentDiv = document.getElementById('inner-table');

  this.innerGrid = new Tabulator(this.tab, {
    data: this.getData(),
    height: '100%',
    layout: 'fitColumns',
    columns: this.getColumns(),
    resizableRows: true,
    movableColumns: true,
    clipboard: true,
    clipboardPasteAction: 'replace',
  });
  parentDiv.appendChild(this.tab);
}

getColumns() {
  return [
    {
      title: 'Rating',
      field: 'rating',
    },
    {
      title: 'Name',
      field: 'name',

    }
  ];
}

getData(): any {
  return [
    {
      id: 1,
      name: 'Oli Bob\'s "',
      rating: 1,
    },
    {
      id: 2,
      name: 'Mary May',
      rating: 2,
    }
  ];
}

HTML代码 #

<div id="example-table"></div>

SCSS代码 #

@import "tabulator-tables/dist/css/tabulator_modern.css";

内容的提问来源于stack exchange，提问作者Peter