ngx-datatables-net Modern Angular wrapper for DataTables.net

Editor (compatibility)

DataTables docs

DataTables Editor is a commercial extension, so it is NOT bundled. If you hold a license, wire it through the directive's escape-hatch Api in the (dtInit) handler, no library changes needed. The table below is a plain ngx-datatables-net table for reference.

Editor requires a paid license from datatables.net. ngx-datatables-net stays compatible by exposing the underlying Api, construct Editor against the same table element / Api you receive from (dtInit).

IDNamePositionOfficeAgeStart dateSalaryStatus
// Editor is commercial, install it from your datatables.net account.
import Editor from 'datatables.net-editor';

onInit(api: Api<Employee>) {
  // Wire Editor to the same table via the escape-hatch Api.
  const editor = new Editor({
    table: api.table().node() as HTMLElement,
    fields: [
      { label: 'Name', name: 'name' },
      { label: 'Office', name: 'office' },
      { label: 'Status', name: 'status' },
    ],
  });
  // editor now powers inline editing and create/edit/remove buttons
}