@progress/kendo-angular-treelist 18.2.1-develop.3 → 18.3.0-develop.1

package/esm2022/rendering/table-body.component.mjs

@@ -473,7 +473,7 @@ export class TableBodyComponent {
            </td>
         </tr>
     </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CellComponent, selector: "[kendoTreeListCell]", inputs: ["column", "columnIndex", "isNew", "level", "hasChildren", "isExpanded", "loading", "expandIcons", "rowIndex", "selected", "dataItem", "viewItem"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "pipe", type: LevelItemsPipe, name: "levelItems" }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CellComponent, selector: "[kendoTreeListCell]", inputs: ["column", "columnIndex", "isNew", "level", "hasChildren", "isExpanded", "loading", "expandIcons", "rowIndex", "selected", "dataItem", "viewItem"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable", "headerLabelText"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "pipe", type: LevelItemsPipe, name: "levelItems" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,

package/esm2022/selection/selection.service.mjs

@@ -108,11 +108,11 @@ export class SelectionService {
             return;
         }
         const { dataItem, column, columnIndex, originalEvent } = args;
-        if (originalEvent.keyCode === Keys.Enter || (originalEvent.button && originalEvent.button !== 0)) {
+        const ctrlKey = originalEvent.ctrlKey || originalEvent.metaKey;
+        if ((originalEvent.keyCode === Keys.Enter && !ctrlKey) || (originalEvent.button && originalEvent.button !== 0)) {
             return;
         }
         const selected = this.isSelected(dataItem, column, columnIndex);
-        const ctrlKey = originalEvent.ctrlKey || originalEvent.metaKey;
         const toggleSelected = ctrlKey || toggle;
         if (this._settings.multiple) {
             if (originalEvent.shiftKey) {

package/esm2022/treelist.component.mjs

@@ -1950,14 +1950,35 @@ export class TreeListComponent {
             i18n-filterOrLogic="kendo.treelist.filterOrLogic|The text of the Or filter logic"
             filterOrLogic="Or"
 
+            i18n-filterDateToday="kendo.treelist.filterDateToday|The text of the Today button of the Date filter."
+            filterDateToday="TODAY"
+
+            i18n-filterDateToggle="kendo.treelist.filterDateToggle|The title of the Toggle button of the Date filter."
+            filterDateToggle="Toggle Calendar"
+
+            i18n-filterNumericDecrement="kendo.treelist.filterNumericDecrement|The title of the Decrement button of the Numeric filter."
+            filterNumericDecrement="Decrement"
+
+            i18n-filterNumericIncrement="kendo.treelist.filterNumericIncrement|The title of the Increment button of the Numeric filter."
+            filterNumericIncrement="Increment"
+
             i18n-loading="kendo.treelist.loading|The loading text"
             loading="Loading"
 
             i18n-filterInputLabel="kendo.treelist.filterInputLabel|The label of the filter row and menu inputs"
             filterInputLabel="{{ '{columnName} Filter' }}"
 
+            i18n-filterMenuLogicDropDownLabel="kendo.treelist.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
+            filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
+
+            i18n-filterMenuOperatorsDropDownLabel="kendo.treelist.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
+            filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
+
+            i18n-filterMenuTitle="kendo.treelist.filterMenuTitle|The title of the filter menu icon"
+            filterMenuTitle="{{ '{columnName} Filter Menu' }}"
+
             i18n-columnMenu="kendo.treelist.columnMenu|The title of the column menu icon"
-            columnMenu="Column Menu"
+            columnMenu="{{ '{columnName} Column Menu' }}"
 
             i18n-columns="kendo.treelist.columns|The text shown in the column menu for the columns item"
             columns="Columns"
@@ -2003,6 +2024,12 @@ export class TreeListComponent {
 
             i18n-selectAllRowsCheckboxLabel="kendo.treelist.selectAllRowsCheckboxLabel|The label for the select all rows checkbox"
             selectAllRowsCheckboxLabel="Select all rows"
+
+            i18n-autosizeAllColumns="kendo.treelist.autosizeAllColumns|The text shown in the column menu for the autosize all columns item"
+            autosizeAllColumns="Autosize All Columns"
+
+            i18n-autosizeThisColumn="kendo.treelist.autosizeThisColumn|The text shown in the column menu for the autosize this column item"
+            autosizeThisColumn="Autosize This Column"
          >
         </ng-container>
         <kendo-treelist-toolbar
@@ -2058,6 +2085,7 @@ export class TreeListComponent {
                                 [columns]="$any(lockedLeafColumns)">
                             </colgroup>
                             <thead kendoTreeListHeader
+                                role="rowgroup"
                                 [resizable]="resizable"
                                 [scrollable]="true"
                                 [columns]="$any(lockedColumns)"
@@ -2070,7 +2098,8 @@ export class TreeListComponent {
                                 [columnMenu]="columnMenuOptions"
                                 [columnMenuTemplate]="columnMenuTemplate"
                                 [totalColumnsCount]="leafColumns.length"
-                                [totalColumns]="columnsContainer">
+                                [totalColumns]="columnsContainer"
+                                [tabIndex]="navigation.enabled ? '-1' : '0'">
                             </thead>
                         </table>
                     </div>
@@ -2102,7 +2131,8 @@ export class TreeListComponent {
                                 [columnMenuTemplate]="columnMenuTemplate"
                                 [lockedColumnsCount]="lockedLeafColumns.length"
                                 [totalColumnsCount]="leafColumns.length"
-                                [totalColumns]="columnsContainer">
+                                [totalColumns]="columnsContainer"
+                                [tabIndex]="navigation.enabled ? '-1' : '0'">
                             </thead>
                         </table>
                         <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
@@ -2145,6 +2175,7 @@ export class TreeListComponent {
                     </colgroup>
                     <thead kendoTreeListHeader
                         *ngIf="!hideHeader"
+                        role="rowgroup"
                         [resizable]="resizable"
                         [scrollable]="false"
                         [columns]="$any(visibleColumns)"
@@ -2156,7 +2187,8 @@ export class TreeListComponent {
                         [filterable]="filterable"
                         [columnMenu]="columnMenuOptions"
                         [columnMenuTemplate]="columnMenuTemplate"
-                        [totalColumns]="columnsContainer">
+                        [totalColumns]="columnsContainer"
+                        [tabIndex]="navigation.enabled ? '-1' : '0'">
                     </thead>
                     <tbody kendoTreeListTableBody
                         [view]="view"
@@ -2259,7 +2291,7 @@ export class TreeListComponent {
                 [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
             </kendo-pager-messages>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-treelist-toolbar", inputs: ["position", "navigable"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: TableDirective, selector: "[kendoTreeListResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { kind: "component", type: HeaderComponent, selector: "[kendoTreeListHeader]", inputs: ["totalColumnLevels", "columns", "scrollable", "filterable", "sort", "filter", "sortable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-treelist-list", inputs: ["view", "total", "rowHeight", "take", "skip", "columns", "noRecordsTemplate", "filterable", "rowClass", "loading", "trackBy", "virtualColumns", "isVirtual", "expandIcons"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: MarqueeDirective, selector: "[kendoTreeListSelectionMarquee]" }, { kind: "component", type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoTreeListLoading]" }, { kind: "component", type: i22.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i22.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i22.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["size"] }, { kind: "component", type: i22.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i22.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i22.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["pageSizes", "size"] }, { kind: "component", type: i22.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i22.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i22.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-treelist-toolbar", inputs: ["position", "navigable"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: TableDirective, selector: "[kendoTreeListResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { kind: "component", type: HeaderComponent, selector: "[kendoTreeListHeader]", inputs: ["totalColumnLevels", "columns", "scrollable", "filterable", "sort", "filter", "sortable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-treelist-list", inputs: ["view", "total", "rowHeight", "take", "skip", "columns", "noRecordsTemplate", "filterable", "rowClass", "loading", "trackBy", "virtualColumns", "isVirtual", "expandIcons"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: MarqueeDirective, selector: "[kendoTreeListSelectionMarquee]" }, { kind: "component", type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoTreeListLoading]" }, { kind: "component", type: i22.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i22.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i22.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["size"] }, { kind: "component", type: i22.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i22.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i22.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["pageSizes", "size"] }, { kind: "component", type: i22.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i22.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i22.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListComponent, decorators: [{
             type: Component,
@@ -2435,14 +2467,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             i18n-filterOrLogic="kendo.treelist.filterOrLogic|The text of the Or filter logic"
             filterOrLogic="Or"
 
+            i18n-filterDateToday="kendo.treelist.filterDateToday|The text of the Today button of the Date filter."
+            filterDateToday="TODAY"
+
+            i18n-filterDateToggle="kendo.treelist.filterDateToggle|The title of the Toggle button of the Date filter."
+            filterDateToggle="Toggle Calendar"
+
+            i18n-filterNumericDecrement="kendo.treelist.filterNumericDecrement|The title of the Decrement button of the Numeric filter."
+            filterNumericDecrement="Decrement"
+
+            i18n-filterNumericIncrement="kendo.treelist.filterNumericIncrement|The title of the Increment button of the Numeric filter."
+            filterNumericIncrement="Increment"
+
             i18n-loading="kendo.treelist.loading|The loading text"
             loading="Loading"
 
             i18n-filterInputLabel="kendo.treelist.filterInputLabel|The label of the filter row and menu inputs"
             filterInputLabel="{{ '{columnName} Filter' }}"
 
+            i18n-filterMenuLogicDropDownLabel="kendo.treelist.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
+            filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
+
+            i18n-filterMenuOperatorsDropDownLabel="kendo.treelist.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
+            filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
+
+            i18n-filterMenuTitle="kendo.treelist.filterMenuTitle|The title of the filter menu icon"
+            filterMenuTitle="{{ '{columnName} Filter Menu' }}"
+
             i18n-columnMenu="kendo.treelist.columnMenu|The title of the column menu icon"
-            columnMenu="Column Menu"
+            columnMenu="{{ '{columnName} Column Menu' }}"
 
             i18n-columns="kendo.treelist.columns|The text shown in the column menu for the columns item"
             columns="Columns"
@@ -2488,6 +2541,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
             i18n-selectAllRowsCheckboxLabel="kendo.treelist.selectAllRowsCheckboxLabel|The label for the select all rows checkbox"
             selectAllRowsCheckboxLabel="Select all rows"
+
+            i18n-autosizeAllColumns="kendo.treelist.autosizeAllColumns|The text shown in the column menu for the autosize all columns item"
+            autosizeAllColumns="Autosize All Columns"
+
+            i18n-autosizeThisColumn="kendo.treelist.autosizeThisColumn|The text shown in the column menu for the autosize this column item"
+            autosizeThisColumn="Autosize This Column"
          >
         </ng-container>
         <kendo-treelist-toolbar
@@ -2543,6 +2602,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                                 [columns]="$any(lockedLeafColumns)">
                             </colgroup>
                             <thead kendoTreeListHeader
+                                role="rowgroup"
                                 [resizable]="resizable"
                                 [scrollable]="true"
                                 [columns]="$any(lockedColumns)"
@@ -2555,7 +2615,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                                 [columnMenu]="columnMenuOptions"
                                 [columnMenuTemplate]="columnMenuTemplate"
                                 [totalColumnsCount]="leafColumns.length"
-                                [totalColumns]="columnsContainer">
+                                [totalColumns]="columnsContainer"
+                                [tabIndex]="navigation.enabled ? '-1' : '0'">
                             </thead>
                         </table>
                     </div>
@@ -2587,7 +2648,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                                 [columnMenuTemplate]="columnMenuTemplate"
                                 [lockedColumnsCount]="lockedLeafColumns.length"
                                 [totalColumnsCount]="leafColumns.length"
-                                [totalColumns]="columnsContainer">
+                                [totalColumns]="columnsContainer"
+                                [tabIndex]="navigation.enabled ? '-1' : '0'">
                             </thead>
                         </table>
                         <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
@@ -2630,6 +2692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     </colgroup>
                     <thead kendoTreeListHeader
                         *ngIf="!hideHeader"
+                        role="rowgroup"
                         [resizable]="resizable"
                         [scrollable]="false"
                         [columns]="$any(visibleColumns)"
@@ -2641,7 +2704,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         [filterable]="filterable"
                         [columnMenu]="columnMenuOptions"
                         [columnMenuTemplate]="columnMenuTemplate"
-                        [totalColumns]="columnsContainer">
+                        [totalColumns]="columnsContainer"
+                        [tabIndex]="navigation.enabled ? '-1' : '0'">
                     </thead>
                     <tbody kendoTreeListTableBody
                         [view]="view"