UNPKG

@progress/kendo-angular-grid

Version:

Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.

46 lines (45 loc) 2.42 kB
/**----------------------------------------------------------------------------------------- * Copyright © 2025 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the project root for more information *-------------------------------------------------------------------------------------------*/ import { Directive, TemplateRef, Optional } from '@angular/core'; import * as i0 from "@angular/core"; /** * Represents the column header cell template of the Grid * ([more information and example]({% slug templates_columns_grid %}#toc-header-template)). * Helps to customize the table header cell for the column. * To define a header template, nest an `<ng-template>` tag with the * `kendoGridHeaderTemplate` directive inside the `<kendo-grid-column>` tag. * * The template context is set to the current column and then the following additional fields are passed: * * `column`&mdash;Defines an instance of the [ColumnComponent]({% slug api_grid_columncomponent %}) option. * * `columnIndex`&mdash;Defines the current column index. * * @example * ```html * <kendo-grid [data]="gridData"> * <kendo-grid-column field="ProductName"> * <ng-template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex"> * {{column.field}}({{columnIndex}}) * </ng-template> * </kendo-grid-column> * </kendo-grid> * ``` */ export class HeaderTemplateDirective { templateRef; constructor(templateRef) { this.templateRef = templateRef; } static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoGridHeaderTemplate]", ngImport: i0 }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTemplateDirective, decorators: [{ type: Directive, args: [{ selector: '[kendoGridHeaderTemplate]', standalone: true }] }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{ type: Optional }] }]; } });