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

Combination showcase

DataTables docs

Buttons (print/colvis) + Select (multi) + SearchPanes + Responsive + FixedHeader, all on one table, composed entirely through dtOptions. This proves the directive forwards the full Config so extensions just work together.

IDNamePositionOfficeAgeStart dateSalaryStatus
import 'datatables.net-buttons';
import 'datatables.net-select';
import 'datatables.net-searchpanes';
import 'datatables.net-responsive';
import 'datatables.net-fixedheader';

options: Config = {
  select: { style: 'multi' },
  responsive: true,
  fixedHeader: true,
  layout: {
    topStart: { buttons: ['print', 'colvis'] },
    top1: 'searchPanes',
  },
  searchPanes: { cascadePanes: true, columns: [3, 7] },
};