Skip to content

TbwHeader

Since v2.5.0

Structural directive that supplies a full header cell template for a column.

You own the header content: use renderSortIcon() and renderFilterButton() from the context to opt back into the built-in affordances. Resize handles are appended automatically for resizable columns.

<tbw-grid-column field="salary">
<span *tbwHeader="let value; column as column">
💰 {{ value }}
</span>
</tbw-grid-column>

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

ngOnDestroy(): void

Static type guard so let value / column as column infer correctly.

ngTemplateContextGuard(dir: TbwHeader, ctx: unknown): ctx
NameTypeDescription
dirTbwHeader
ctxunknown