HeaderTemplateDirective
Renders the header content of the list. To define the header template, nest an <ng-template>
tag
with the kendo<ComponentName>HeaderTemplate
directive inside the component tag.
Using HeaderTemplate with the AutoComplete
Using HeaderTemplate with the ComboBox
Using HeaderTemplate with the MultiColumnComboBox
Using HeaderTemplate with the DropDownList
Using HeaderTemplate with the DropDownTree
Using HeaderTemplate with the MultiSelect
@Component({
selector: 'my-app',
template: `
<kendo-combobox [data]="listItems">
<ng-template kendoComboBoxHeaderTemplate>
<h4>Header template</h4>
</ng-template>
</kendo-combobox>
`
})
class AppComponent {
public listItems: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
}
Selector
[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]