Skip to content

injectGridPrint

Angular inject function for programmatic print control.

Uses lazy grid discovery - the grid element is found when methods are called, not during initialization.

injectGridPrint(selector: string): PrintMethods
NameTypeDescription
selectorstringOptional CSS selector to target a specific grid element.
Defaults to 'tbw-grid' (first grid in the component). Use when the
component contains multiple grids, e.g. 'tbw-grid.primary' or '#my-grid'.
import { Component } from '@angular/core';
import { Grid } from '@toolbox-web/grid-angular';
import '@toolbox-web/grid-angular/features/print';
import { injectGridPrint } from '@toolbox-web/grid-angular/features/print';
@Component({
selector: 'app-my-grid',
imports: [Grid],
template: `
<button (click)="handlePrint()" [disabled]="gridPrint.isPrinting()">
{{ gridPrint.isPrinting() ? 'Printing...' : 'Print' }}
</button>
<tbw-grid [rows]="rows" [print]="true"></tbw-grid>
`
})
export class MyGridComponent {
gridPrint = injectGridPrint();
async handlePrint() {
await this.gridPrint.print({ title: 'Employee Report', isolate: true });
console.log('Print dialog closed');
}
}
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