Skip to content

TbwGridColumn

Directive that registers <tbw-grid-column> as a known Angular element.

This directive exists so that Angular’s template compiler recognises <tbw-grid-column> without requiring CUSTOM_ELEMENTS_SCHEMA. The underlying web component reads its attributes (field, header, type, width, etc.) directly from the DOM, so no @Input() forwarding is needed — Angular’s standard property/attribute binding handles it.

import { Component } from '@angular/core';
import { Grid, TbwGridColumn, TbwRenderer } from '@toolbox-web/grid-angular';
@Component({
imports: [Grid, TbwGridColumn, TbwRenderer],
template: `
<tbw-grid [rows]="rows" [gridConfig]="config">
<tbw-grid-column field="status">
<app-status-badge *tbwRenderer="let value" [value]="value" />
</tbw-grid-column>
</tbw-grid>
`
})
export class MyComponent { }
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