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

ColumnControl

DataTables docs

Per-column header controls, an order toggle plus a search dropdown in every column header. Click a column's ▾ to filter that column. Configured via the columnControl option (pass-through, no library code).

IDNamePositionOfficeAgeStart dateSalaryStatus
import 'datatables.net-columncontrol';

options: Config = {
  ordering: { indicators: false },
  columnControl: ['order', ['searchDropdown']],
};