Angular DataTable不对异步数据进行排序

npm install angular-datatables

import { Component, OnInit } from '@angular/core';
import { DataTablesModule } from 'angular-datatables';

<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="table table-striped">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <!-- 其他列 -->
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of items">
      <td>{{ item.column1 }}</td>
      <td>{{ item.column2 }}</td>
      <!-- 其他列 -->
    </tr>
  </tbody>
</table>

import { Component, OnInit } from '@angular/core';
import { DataTablesModule } from 'angular-datatables';

@Component({
  // 组件配置
})
export class YourComponent implements OnInit {
  dtOptions: DataTables.Settings = {};
  dtTrigger: Subject<any> = new Subject<any>();
  items: any[]; // 异步数据源

  constructor() { }

  ngOnInit(): void {
    this.dtOptions = {
      // DataTable选项配置
      order: [], // 初始排序为空
      pagingType: 'full_numbers',
      pageLength: 10
    };

    // 异步获取数据源
    this.getData().subscribe((response: any) => {
      this.items = response.data;

      // 告知DataTable数据已更新
      this.dtTrigger.next();
    });
  }

  getData(): Observable<any> {
    // 异步获取数据的逻辑
  }
}