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

FixedHeader & FixedColumns

DataTables docs

FixedHeader floats the header on page scroll; FixedColumns pins the first column during horizontal scroll. Scroll the table sideways to see the pinned ID/Name columns stay put.

IDNamePositionOfficeAgeStart dateSalaryStatusEmail
import 'datatables.net-fixedheader';
import 'datatables.net-fixedcolumns';

options: Config = {
  scrollX: true,
  fixedHeader: true,
  fixedColumns: { start: 2 }, // pin first 2 columns
};