如何在Datatable Angular 6中使用"fixedColumns“

npm install datatables.net --save
npm install datatables.net-fixedcolumns --save

import 'datatables.net';
import 'datatables.net-fixedcolumns';

<table datatable [dtOptions]="dtOptions" class="row-border hover">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
      <!-- 更多列... -->
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
      <!-- 更多数据行... -->
    </tr>
  </tbody>
</table>

dtOptions: DataTables.Settings = {};

ngOnInit() {
  this.dtOptions = {
    scrollX: true,
    fixedColumns: {
      leftColumns: 1,
      rightColumns: 1
    }
  };
}