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

RowGroup, ColReorder & RowReorder

DataTables docs

Rows grouped by Office with group headers (RowGroup). Drag a column header to reorder columns (ColReorder). Drag the ⠿ handle to reorder rows (RowReorder).

NamePositionOfficeAge
import 'datatables.net-rowgroup';
import 'datatables.net-colreorder';
import 'datatables.net-rowreorder';

options: Config = {
  colReorder: true,
  rowReorder: { selector: 'td.reorder' },
  rowGroup: { dataSrc: 'office' },
  order: [[3, 'asc']],   // group by Office
};