Server-side processing

import { inject } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { type Config } from 'ngx-datatables-net';

interface ServerResponse {
  recordsTotal: number;
  recordsFiltered: number;
  data: unknown[];
}

private http = inject(HttpClient);

options: Config = {
  serverSide: true,
  processing: true,
  columns: [
    { data: 'id', title: 'ID' },
    { data: 'name', title: 'Name' },
    { data: 'position', title: 'Position' },
    { data: 'office', title: 'Office' },
  ],
  // DataTables puts paging, sort and search into `request`. Post it to your
  // API and call back with the response. Only the current page is fetched.
  ajax: (request, callback) => {
    this.http.post<ServerResponse>('/api/employees', request).subscribe((res) =>
      callback({
        draw: request.draw,
        recordsTotal: res.recordsTotal,
        recordsFiltered: res.recordsFiltered,
        data: res.data,
      }),
    );
  },
};