Angular | ng2-smart-table如何使用ServerDataSource对表进行排序

npm install ng2-smart-table

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { Ng2SmartTableModule } from 'ng2-smart-table';

@NgModule({
  imports: [
    BrowserModule,
    Ng2SmartTableModule,
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

<ng2-smart-table [settings]="settings" [source]="source"></ng2-smart-table>

import { Component } from '@angular/core';
import { ServerDataSource } from 'ng2-smart-table';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  settings = {
    columns: {
      id: {
        title: 'ID',
        filter: false,
      },
      name: {
        title: 'Name',
        filter: true,
      },
      email: {
        title: 'Email',
        filter: true,
      },
    },
    pager: {
      display: true,
      perPage: 10
    },
    mode: 'external',
    actions: {
      add: false,
      edit: false,
      delete: false,
    },
  };

  source: ServerDataSource;

  constructor() {
    this.source = new ServerDataSource();
    this.source.setSort([{ field: 'name', direction: 'asc' }]);
    this.source.setPaging(1, 10);
    this.source.setEndpoint('http://example.com/api/data');
  }
}