All the UI.
Zero dependencies.
Confidence built in.

import '@absoluteui/theme/absolute-default.css';
import '@absoluteui/components/data-table/style.css';
import { configureAbsoluteUI } from '@absoluteui/core';
import { startThemeRuntime } from '@absoluteui/theme';
import { DataTable } from '@absoluteui/components/data-table';

configureAbsoluteUI({ common: { locale: 'en-IN', timezone: 'Asia/Kolkata' } });
startThemeRuntime();

DataTable.create(host, {
  caption: 'Orders', columns, rows,
  rowId: (o) => o.id,
  selection: 'multiple',
  searchable: true,
});

import { Component, signal } from '@angular/core';
import { AuiDataTable } from '@absoluteui/angular/data-table';

@Component({
  selector: 'app-orders',
  imports: [AuiDataTable],
  template: `<aui-data-table caption="Orders" selection="multiple"
    [searchable]="true" [columns]="columns" [rows]="rows()"
    [rowId]="rowId" />`,
})
export class OrdersComponent {
  readonly rows = signal(orders);
  readonly columns = orderColumns;
  readonly rowId = (o: Order) => o.id;
}