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

在Datatable Angular 6中使用"fixedColumns"，您可以按照以下步骤进行操作：

安装依赖：首先，您需要在Angular项目中安装DataTables和FixedColumns插件。可以使用npm包管理器执行以下命令来安装所需的依赖：

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

导入插件：在您的组件文件中，您需要导入所需的DataTables和FixedColumns插件。可以使用以下代码将插件导入到组件中：

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

在模板中使用Datatable：接下来，您可以在Angular模板中使用Datatable组件，并使用固定列功能。例如：

<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>

配置Datatable选项：在您的组件类中，您需要配置Datatable的选项，以启用固定列功能。可以使用以下代码配置Datatable选项：

dtOptions: DataTables.Settings = {};

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

在上述代码中，我们将scrollX设置为true，以便启用水平滚动条，并使用fixedColumns选项将左侧和右侧的列固定为1列。