Filtering
Built-in global search, a debounced signal-driven search box, and per-column search inputs wired to api.column(i).search(). Per-column inputs sit above the table, DataTables rewrites footer/header DOM, so interactive controls belong outside it.
| Name | Position | Office | Status |
|---|
private api?: Api<Employee>;
onInit(api: Api<Employee>) { this.api = api; }
// Debounced global search
onDebounced(value: string) {
clearTimeout(this.timer);
this.timer = setTimeout(() => this.api?.search(value).draw(), 250);
}
// Per-column search, inputs live OUTSIDE the table (DataTables
// rewrites footer/header DOM and would detach Angular listeners).
onColumnSearch(i: number, value: string) {
this.api?.column(i).search(value).draw();
}