Skip to content

GridFilteringDirective

Owns the [filtering] input and (filterChange) output on <tbw-grid>.

Selector matches when either binding is present so users can pick the style that suits their template — both go through the same claim and the same wiring.

PropertyTypeDescription
filteringInputSignal<boolean | FilterConfig<any> | undefined>Enable column filtering. Identical semantics to the deprecated input on Grid — this directive owns the binding when both are present.
filterChangeOutputEmitterRef<FilterChangeDetail>Emitted when filter values change.
<tbw-grid [filtering]="true" />
<tbw-grid [filtering]="{ debounceMs: 200 }" />

<tbw-grid (filterChange)="onFilterChange($event)" />

A callback method that is invoked immediately after the default change detector has checked the directive’s data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

ngOnInit(): void

A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

ngOnDestroy(): void

AI assistants: For complete API documentation, implementation guides, and code examples for this library, see https://raw.githubusercontent.com/OysteinAmundsen/toolbox/main/llms-full.txt