@progress/kendo-angular-grid 16.10.0 → 16.10.1-develop.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/aggregates/selection-aggregate.service.d.ts +2 -1
  2. package/column-menu/column-menu.component.d.ts +2 -0
  3. package/esm2020/aggregates/selection-aggregate.service.mjs +19 -4
  4. package/esm2020/column-menu/column-menu.component.mjs +18 -7
  5. package/esm2020/common/single-popup.service.mjs +3 -1
  6. package/esm2020/filtering/menu/filter-menu.component.mjs +23 -9
  7. package/esm2020/grid.component.mjs +560 -557
  8. package/esm2020/package-metadata.mjs +2 -2
  9. package/fesm2015/progress-kendo-angular-grid.mjs +632 -584
  10. package/fesm2020/progress-kendo-angular-grid.mjs +623 -579
  11. package/filtering/menu/filter-menu.component.d.ts +6 -2
  12. package/grid.component.d.ts +5 -2
  13. package/package.json +16 -16
  14. package/schematics/ngAdd/index.js +4 -4
package/esm2020/grid.component.mjs CHANGED
@@ -1050,6 +1050,12 @@ export class GridComponent {
1050
1050
  }
1051
1051
  }
1052
1052
  }
1053
+ ngAfterContentInit() {
1054
+ this.shouldGenerateColumns = !this.columns.length;
1055
+ this.autoGenerateColumns();
1056
+ this.columnList = new ColumnList(this.columns);
1057
+ this.columnsChangeSubscription = this.columns.changes.subscribe(() => this.verifySettings());
1058
+ }
1053
1059
  ngAfterViewInit() {
1054
1060
  this.attachScrollSync();
1055
1061
  this.attachElementEventHandlers();
@@ -1061,12 +1067,6 @@ export class GridComponent {
1061
1067
  this.verifySettings();
1062
1068
  this.initSelectionService();
1063
1069
  }
1064
- ngAfterContentInit() {
1065
- this.shouldGenerateColumns = !this.columns.length;
1066
- this.autoGenerateColumns();
1067
- this.columnList = new ColumnList(this.columns);
1068
- this.columnsChangeSubscription = this.columns.changes.subscribe(() => this.verifySettings());
1069
- }
1070
1070
  ngOnInit() {
1071
1071
  if (this.navigable.length) {
1072
1072
  this.navigationService.init(this.navigationMetadata(), this.navigable);
@@ -1476,6 +1476,12 @@ export class GridComponent {
1476
1476
  handleReorderEvents(ev, evType) {
1477
1477
  this.rowReorderService[evType](ev);
1478
1478
  }
1479
+ /**
1480
+ * @hidden
1481
+ */
1482
+ get flatData() {
1483
+ return isArray(this.data) ? this.data : this.data.data;
1484
+ }
1479
1485
  /**
1480
1486
  * @hidden
1481
1487
  */
@@ -1996,9 +2002,6 @@ export class GridComponent {
1996
2002
  this.dragTargetContainer?.notify();
1997
2003
  this.dropTargetContainer?.notify();
1998
2004
  }
1999
- get flatData() {
2000
- return isArray(this.data) ? this.data : this.data.data;
2001
- }
2002
2005
  }
2003
2006
  GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridComponent, deps: [{ token: i1.BrowserSupportService }, { token: i2.SelectionService }, { token: i3.CellSelectionService }, { token: i0.ElementRef }, { token: i4.GroupInfoService }, { token: i5.GroupsService }, { token: i6.ChangeNotificationService }, { token: i7.DetailsService }, { token: i8.EditService }, { token: i9.FilterService }, { token: i10.PDFService }, { token: i11.ResponsiveService }, { token: i0.Renderer2 }, { token: i12.ExcelService }, { token: i0.NgZone }, { token: i13.ScrollSyncService }, { token: i14.DomEventsService }, { token: i15.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i16.ColumnReorderService }, { token: i17.ColumnInfoService }, { token: i18.NavigationService }, { token: i19.SortService }, { token: i20.ScrollRequestService }, { token: i21.LocalizationService }, { token: i22.ContextService }, { token: i23.SizingOptionsService }, { token: i24.RowReorderService }], target: i0.ɵɵFactoryTarget.Component });
2004
2007
  GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GridComponent, isStandalone: true, selector: "kendo-grid", inputs: { data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", skip: "skip", scrollable: "scrollable", selectable: "selectable", sort: "sort", size: "size", trackBy: "trackBy", filter: "filter", group: "group", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", groupable: "groupable", rowReorderable: "rowReorderable", navigable: "navigable", navigatable: "navigatable", autoSize: "autoSize", rowClass: "rowClass", rowSticky: "rowSticky", rowSelected: "rowSelected", cellSelected: "cellSelected", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", isDetailExpanded: "isDetailExpanded", isGroupExpanded: "isGroupExpanded" }, outputs: { filterChange: "filterChange", pageChange: "pageChange", groupChange: "groupChange", sortChange: "sortChange", selectionChange: "selectionChange", rowReorder: "rowReorder", dataStateChange: "dataStateChange", groupExpand: "groupExpand", groupCollapse: "groupCollapse", detailExpand: "detailExpand", detailCollapse: "detailCollapse", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add", cellClose: "cellClose", cellClick: "cellClick", pdfExport: "pdfExport", excelExport: "excelExport", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", columnStickyChange: "columnStickyChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClass", "class.k-grid-sm": "this.sizeSmallClass", "class.k-grid-md": "this.sizeMediumClass", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass" } }, providers: [
@@ -2306,293 +2309,293 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
2306
2309
  [navigable]="navigation.toolbarEnabled"
2307
2310
  [attr.aria-controls]="ariaRootId"
2308
2311
  position="top"></kendo-grid-toolbar>
2309
- <kendo-pager
2310
- *ngIf="showTopPager"
2311
- [tabindex]="navigation.pagerEnabled ? '0' : '-1'"
2312
- [attr.role]="navigation.pagerEnabled ? 'application' : undefined"
2313
- class="k-grid-pager-top k-pager"
2314
- [template]="pagerTemplate"
2315
- [pageSize]="pageSize"
2316
- [total]="view.total"
2317
- [skip]="skip"
2318
- [size]="size"
2319
- [options]="pageable"
2320
- (pageChange)="notifyPageChange('pager', $event)">
2321
- </kendo-pager>
2322
- <kendo-grid-group-panel
2323
- *ngIf="showGroupPanel"
2324
- [navigable]="navigation.toolbarEnabled"
2325
- [text]="groupableEmptyText"
2326
- [groups]="group"
2327
- role="toolbar"
2328
- [attr.aria-label]="messageFor('groupPanelLabel')"
2329
- [attr.aria-controls]="ariaRootId"
2330
- (change)="groupChange.emit($event)">
2331
- </kendo-grid-group-panel>
2332
- <div #ariaRoot
2333
- class="k-grid-aria-root"
2334
- role="grid"
2335
- kendoDragTargetContainer
2336
- kendoDropTargetContainer
2337
- mode="manual"
2338
- [dragDisabled]="!rowReorderable"
2339
- [dropDisabled]="!rowReorderable"
2340
- [dragTargetFilter]="getDefaultSelectors('dragTarget')"
2341
- [dropTargetFilter]="getDefaultSelectors('dropTarget')"
2342
- [dragHandle]="getDefaultSelectors('handle')"
2343
- [hint]="{hintTemplate: defaultHint}"
2344
- (onPress)="handleReorderEvents($event, 'press')"
2345
- (onDragStart)="handleReorderEvents($event, 'dragStart')"
2346
- (onDrag)="handleReorderEvents($event, 'drag')"
2347
- (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
2348
- (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
2349
- (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
2350
- (onDrop)="handleReorderEvents($event, 'drop')"
2351
- [dragData]="gridData"
2352
- [id]="ariaRootId"
2353
- [attr.aria-label]="ariaLabel"
2354
- [attr.aria-rowcount]="ariaRowCount"
2355
- [attr.aria-colcount]="ariaColCount">
2356
- <ng-container *ngIf="isScrollable">
2357
- <div *ngIf="!hideHeader"
2358
- class="k-grid-header"
2312
+ <kendo-pager
2313
+ *ngIf="showTopPager"
2314
+ [tabindex]="navigation.pagerEnabled ? '0' : '-1'"
2315
+ [attr.role]="navigation.pagerEnabled ? 'application' : undefined"
2316
+ class="k-grid-pager-top k-pager"
2317
+ [template]="pagerTemplate"
2318
+ [pageSize]="pageSize"
2319
+ [total]="view.total"
2320
+ [skip]="skip"
2321
+ [size]="size"
2322
+ [options]="pageable"
2323
+ (pageChange)="notifyPageChange('pager', $event)">
2324
+ </kendo-pager>
2325
+ <kendo-grid-group-panel
2326
+ *ngIf="showGroupPanel"
2327
+ [navigable]="navigation.toolbarEnabled"
2328
+ [text]="groupableEmptyText"
2329
+ [groups]="group"
2330
+ role="toolbar"
2331
+ [attr.aria-label]="messageFor('groupPanelLabel')"
2332
+ [attr.aria-controls]="ariaRootId"
2333
+ (change)="groupChange.emit($event)">
2334
+ </kendo-grid-group-panel>
2335
+ <div #ariaRoot
2336
+ class="k-grid-aria-root"
2337
+ role="grid"
2338
+ kendoDragTargetContainer
2339
+ kendoDropTargetContainer
2340
+ mode="manual"
2341
+ [dragDisabled]="!rowReorderable"
2342
+ [dropDisabled]="!rowReorderable"
2343
+ [dragTargetFilter]="getDefaultSelectors('dragTarget')"
2344
+ [dropTargetFilter]="getDefaultSelectors('dropTarget')"
2345
+ [dragHandle]="getDefaultSelectors('handle')"
2346
+ [hint]="{hintTemplate: defaultHint}"
2347
+ (onPress)="handleReorderEvents($event, 'press')"
2348
+ (onDragStart)="handleReorderEvents($event, 'dragStart')"
2349
+ (onDrag)="handleReorderEvents($event, 'drag')"
2350
+ (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
2351
+ (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
2352
+ (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
2353
+ (onDrop)="handleReorderEvents($event, 'drop')"
2354
+ [dragData]="gridData"
2355
+ [id]="ariaRootId"
2356
+ [attr.aria-label]="ariaLabel"
2357
+ [attr.aria-rowcount]="ariaRowCount"
2358
+ [attr.aria-colcount]="ariaColCount">
2359
+ <ng-container *ngIf="isScrollable">
2360
+ <div *ngIf="!hideHeader"
2361
+ class="k-grid-header"
2362
+ role="presentation"
2363
+ [style.padding]="headerPadding">
2364
+ <div *ngIf="isLocked"
2365
+ #lockedHeader
2359
2366
  role="presentation"
2360
- [style.padding]="headerPadding">
2361
- <div *ngIf="isLocked"
2362
- #lockedHeader
2367
+ class="k-grid-header-locked"
2368
+ [style.width.px]="lockedWidth">
2369
+ <table
2370
+ kendoGridResizableTable
2371
+ [locked]="true"
2363
2372
  role="presentation"
2364
- class="k-grid-header-locked"
2365
- [style.width.px]="lockedWidth">
2366
- <table
2367
- kendoGridResizableTable
2368
- [locked]="true"
2369
- role="presentation"
2370
- class="k-grid-header-table"
2371
- [style.width.px]="lockedWidth"
2372
- kendoGridTable
2373
- [size]="size">
2374
- <colgroup kendoGridColGroup
2375
- [columns]="$any(lockedLeafColumns)"
2376
- [groups]="group"
2377
- [detailTemplate]="detailTemplate">
2378
- </colgroup>
2379
- <thead kendoGridHeader
2380
- role="rowgroup"
2381
- [resizable]="resizable"
2382
- [scrollable]="true"
2383
- [columns]="$any(lockedColumns)"
2384
- [totalColumnLevels]="totalColumnLevels"
2385
- [sort]="sort"
2386
- [groups]="group"
2387
- [filter]="filter"
2388
- [filterable]="filterable"
2389
- [groupable]="showGroupPanel"
2390
- [reorderable]="reorderable"
2391
- [sortable]="sortable"
2392
- [columnMenu]="columnMenuOptions"
2393
- [columnMenuTemplate]="columnMenuTemplate"
2394
- [totalColumnsCount]="leafColumns.length"
2395
- [totalColumns]="columnsContainer"
2396
- [detailTemplate]="detailTemplate"
2397
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
2398
- </thead>
2399
- </table>
2400
- </div>
2401
- <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
2402
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
2403
- [lockedWidth]="lockedWidth + scrollbarWidth + 2">
2404
- <table
2405
- role="presentation"
2406
- class="k-grid-header-table"
2407
- [style.width.px]="nonLockedWidth"
2408
- kendoGridResizableTable
2409
- [virtualColumns]="virtualColumns"
2410
- kendoGridTable
2411
- [size]="size">
2412
- <colgroup kendoGridColGroup
2413
- [columns]="headerLeafColumns"
2414
- [groups]="isLocked ? [] : group"
2415
- [detailTemplate]="detailTemplate">
2416
- </colgroup>
2417
- <thead kendoGridHeader
2418
- [resizable]="resizable"
2419
- role="rowgroup"
2420
- [scrollable]="true"
2421
- [columns]="headerColumns"
2422
- [totalColumnLevels]="totalColumnLevels"
2423
- [sort]="sort"
2424
- [filter]="filter"
2425
- [filterable]="filterable"
2426
- [groupable]="showGroupPanel"
2427
- [reorderable]="reorderable"
2428
- [groups]="isLocked ? [] : group"
2429
- [sortable]="sortable"
2430
- [columnMenu]="columnMenuOptions"
2431
- [columnMenuTemplate]="columnMenuTemplate"
2432
- [lockedColumnsCount]="lockedLeafColumns.length"
2433
- [totalColumnsCount]="leafColumns.length"
2434
- [totalColumns]="columnsContainer"
2435
- [detailTemplate]="detailTemplate"
2436
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
2437
- </thead>
2438
- </table>
2439
- <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
2440
- <div [style.width.px]="columnsContainer.unlockedWidth"></div>
2441
- </div>
2373
+ class="k-grid-header-table"
2374
+ [style.width.px]="lockedWidth"
2375
+ kendoGridTable
2376
+ [size]="size">
2377
+ <colgroup kendoGridColGroup
2378
+ [columns]="$any(lockedLeafColumns)"
2379
+ [groups]="group"
2380
+ [detailTemplate]="detailTemplate">
2381
+ </colgroup>
2382
+ <thead kendoGridHeader
2383
+ role="rowgroup"
2384
+ [resizable]="resizable"
2385
+ [scrollable]="true"
2386
+ [columns]="$any(lockedColumns)"
2387
+ [totalColumnLevels]="totalColumnLevels"
2388
+ [sort]="sort"
2389
+ [groups]="group"
2390
+ [filter]="filter"
2391
+ [filterable]="filterable"
2392
+ [groupable]="showGroupPanel"
2393
+ [reorderable]="reorderable"
2394
+ [sortable]="sortable"
2395
+ [columnMenu]="columnMenuOptions"
2396
+ [columnMenuTemplate]="columnMenuTemplate"
2397
+ [totalColumnsCount]="leafColumns.length"
2398
+ [totalColumns]="columnsContainer"
2399
+ [detailTemplate]="detailTemplate"
2400
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
2401
+ </thead>
2402
+ </table>
2403
+ </div>
2404
+ <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
2405
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
2406
+ [lockedWidth]="lockedWidth + scrollbarWidth + 2">
2407
+ <table
2408
+ role="presentation"
2409
+ class="k-grid-header-table"
2410
+ [style.width.px]="nonLockedWidth"
2411
+ kendoGridResizableTable
2412
+ [virtualColumns]="virtualColumns"
2413
+ kendoGridTable
2414
+ [size]="size">
2415
+ <colgroup kendoGridColGroup
2416
+ [columns]="headerLeafColumns"
2417
+ [groups]="isLocked ? [] : group"
2418
+ [detailTemplate]="detailTemplate">
2419
+ </colgroup>
2420
+ <thead kendoGridHeader
2421
+ [resizable]="resizable"
2422
+ role="rowgroup"
2423
+ [scrollable]="true"
2424
+ [columns]="headerColumns"
2425
+ [totalColumnLevels]="totalColumnLevels"
2426
+ [sort]="sort"
2427
+ [filter]="filter"
2428
+ [filterable]="filterable"
2429
+ [groupable]="showGroupPanel"
2430
+ [reorderable]="reorderable"
2431
+ [groups]="isLocked ? [] : group"
2432
+ [sortable]="sortable"
2433
+ [columnMenu]="columnMenuOptions"
2434
+ [columnMenuTemplate]="columnMenuTemplate"
2435
+ [lockedColumnsCount]="lockedLeafColumns.length"
2436
+ [totalColumnsCount]="leafColumns.length"
2437
+ [totalColumns]="columnsContainer"
2438
+ [detailTemplate]="detailTemplate"
2439
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
2440
+ </thead>
2441
+ </table>
2442
+ <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
2443
+ <div [style.width.px]="columnsContainer.unlockedWidth"></div>
2442
2444
  </div>
2443
2445
  </div>
2444
- <kendo-grid-list
2445
- [data]="$any(view)"
2446
- [rowHeight]="rowHeight"
2447
- [detailRowHeight]="detailRowHeight"
2448
- [total]="totalCount"
2449
- [take]="pageSize"
2446
+ </div>
2447
+ <kendo-grid-list
2448
+ [data]="$any(view)"
2449
+ [rowHeight]="rowHeight"
2450
+ [detailRowHeight]="detailRowHeight"
2451
+ [total]="totalCount"
2452
+ [take]="pageSize"
2453
+ [groups]="group"
2454
+ [groupable]="groupable"
2455
+ [skip]="skip"
2456
+ [trackBy]="trackBy"
2457
+ [columns]="columnsContainer"
2458
+ [selectable]="selectable"
2459
+ [filterable]="filterable"
2460
+ [detailTemplate]="detailTemplate"
2461
+ [noRecordsTemplate]="noRecordsTemplate"
2462
+ [size]="size"
2463
+ (pageChange)="notifyPageChange('list', $event)"
2464
+ [rowClass]="rowClass"
2465
+ [rowSticky]="rowSticky"
2466
+ [loading]="loading"
2467
+ [isVirtual]="isVirtual"
2468
+ [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
2469
+ [loadingTemplate]="loadingTemplate?.templateRef"
2470
+ [virtualColumns]="virtualColumns"
2471
+ (scrollBottom)="notifyScrollBottom()"
2472
+ (contentScroll)="contentScroll.emit($event)"
2473
+ kendoDraggable
2474
+ kendoGridSelectionMarquee
2475
+ [enableDrag]="marqueeSelection"
2476
+ [sort]="sort">
2477
+ </kendo-grid-list>
2478
+ <div
2479
+ *ngIf="showFooter"
2480
+ class="k-grid-footer"
2481
+ [style.padding]="headerPadding">
2482
+ <div
2483
+ *ngIf="lockedLeafColumns.length"
2484
+ class="k-grid-footer-locked"
2485
+ [style.width.px]="lockedWidth">
2486
+ <table
2487
+ role="presentation"
2488
+ class="k-grid-footer-table"
2489
+ kendoGridResizableTable
2490
+ [locked]="true"
2491
+ [style.width.px]="lockedWidth"
2492
+ kendoGridTable
2493
+ [size]="size">
2494
+ <colgroup kendoGridColGroup
2495
+ [columns]="$any(lockedLeafColumns)"
2496
+ [groups]="group"
2497
+ [detailTemplate]="detailTemplate">
2498
+ </colgroup>
2499
+ <tfoot kendoGridFooter
2500
+ [scrollable]="true"
2501
+ [groups]="group"
2502
+ [columns]="$any(lockedLeafColumns)"
2503
+ [detailTemplate]="detailTemplate"
2504
+ [logicalRowIndex]="ariaRowCount"
2505
+ [totalColumns]="columnsContainer">
2506
+ </tfoot>
2507
+ </table>
2508
+ </div>
2509
+ <div #footer
2510
+ class="k-grid-footer-wrap" data-scrollable
2511
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
2512
+ [lockedWidth]="lockedWidth + scrollbarWidth + 3">
2513
+ <table
2514
+ role="presentation"
2515
+ class="k-grid-footer-table"
2516
+ [style.width.px]="nonLockedWidth"
2517
+ kendoGridTable
2518
+ kendoGridResizableTable
2519
+ [size]="size">
2520
+ <colgroup kendoGridColGroup
2521
+ [columns]="$any(headerLeafColumns)"
2522
+ [groups]="isLocked ? [] : group"
2523
+ [detailTemplate]="detailTemplate">
2524
+ </colgroup>
2525
+ <tfoot kendoGridFooter
2526
+ [logicalRowIndex]="ariaRowCount"
2527
+ [scrollable]="true"
2528
+ [groups]="isLocked ? [] : group"
2529
+ [columns]="$any(headerColumns)"
2530
+ [lockedColumnsCount]="lockedLeafColumns.length"
2531
+ [detailTemplate]="detailTemplate"
2532
+ [totalColumns]="columnsContainer">
2533
+ </tfoot>
2534
+ </table>
2535
+ </div>
2536
+ </div>
2537
+ </ng-container>
2538
+ <ng-container *ngIf="!isScrollable">
2539
+ <table
2540
+ [style.table-layout]="resizable ? 'fixed' : null"
2541
+ kendoGridTable
2542
+ kendoGridResizableTable
2543
+ role="presentation"
2544
+ [size]="size">
2545
+ <colgroup kendoGridColGroup
2546
+ [columns]="$any(leafColumns)"
2450
2547
  [groups]="group"
2451
- [groupable]="groupable"
2548
+ [detailTemplate]="detailTemplate">
2549
+ </colgroup>
2550
+ <thead kendoGridHeader
2551
+ *ngIf="!hideHeader"
2552
+ [resizable]="resizable"
2553
+ [scrollable]="false"
2554
+ [columns]="$any(visibleColumns)"
2555
+ [totalColumnLevels]="totalColumnLevels"
2556
+ [totalColumns]="columnsContainer"
2557
+ [groups]="group"
2558
+ [groupable]="showGroupPanel"
2559
+ [reorderable]="reorderable"
2560
+ [sort]="sort"
2561
+ [sortable]="sortable"
2562
+ [filter]="filter"
2563
+ [filterable]="filterable"
2564
+ [columnMenu]="columnMenuOptions"
2565
+ [columnMenuTemplate]="columnMenuTemplate"
2566
+ [detailTemplate]="detailTemplate"
2567
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
2568
+ </thead>
2569
+ <tbody kendoGridTableBody
2570
+ [isLoading]="loading"
2571
+ [groups]="group"
2572
+ [data]="$any(view)"
2452
2573
  [skip]="skip"
2453
- [trackBy]="trackBy"
2454
- [columns]="columnsContainer"
2574
+ [columns]="$any(leafColumns)"
2455
2575
  [selectable]="selectable"
2456
2576
  [filterable]="filterable"
2457
- [detailTemplate]="detailTemplate"
2458
2577
  [noRecordsTemplate]="noRecordsTemplate"
2459
- [size]="size"
2460
- (pageChange)="notifyPageChange('list', $event)"
2578
+ [detailTemplate]="detailTemplate"
2579
+ [showGroupFooters]="showGroupFooters"
2580
+ [trackBy]="trackBy"
2461
2581
  [rowClass]="rowClass"
2462
- [rowSticky]="rowSticky"
2463
- [loading]="loading"
2464
- [isVirtual]="isVirtual"
2465
- [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
2466
- [loadingTemplate]="loadingTemplate?.templateRef"
2467
- [virtualColumns]="virtualColumns"
2468
- (scrollBottom)="notifyScrollBottom()"
2469
- (contentScroll)="contentScroll.emit($event)"
2470
2582
  kendoDraggable
2471
2583
  kendoGridSelectionMarquee
2472
- [enableDrag]="marqueeSelection"
2473
- [sort]="sort">
2474
- </kendo-grid-list>
2475
- <div
2584
+ [enableDrag]="marqueeSelection">
2585
+ </tbody>
2586
+ <tfoot kendoGridFooter
2476
2587
  *ngIf="showFooter"
2477
- class="k-grid-footer"
2478
- [style.padding]="headerPadding">
2479
- <div
2480
- *ngIf="lockedLeafColumns.length"
2481
- class="k-grid-footer-locked"
2482
- [style.width.px]="lockedWidth">
2483
- <table
2484
- role="presentation"
2485
- class="k-grid-footer-table"
2486
- kendoGridResizableTable
2487
- [locked]="true"
2488
- [style.width.px]="lockedWidth"
2489
- kendoGridTable
2490
- [size]="size">
2491
- <colgroup kendoGridColGroup
2492
- [columns]="$any(lockedLeafColumns)"
2493
- [groups]="group"
2494
- [detailTemplate]="detailTemplate">
2495
- </colgroup>
2496
- <tfoot kendoGridFooter
2497
- [scrollable]="true"
2498
- [groups]="group"
2499
- [columns]="$any(lockedLeafColumns)"
2500
- [detailTemplate]="detailTemplate"
2501
- [logicalRowIndex]="ariaRowCount"
2502
- [totalColumns]="columnsContainer">
2503
- </tfoot>
2504
- </table>
2505
- </div>
2506
- <div #footer
2507
- class="k-grid-footer-wrap" data-scrollable
2508
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
2509
- [lockedWidth]="lockedWidth + scrollbarWidth + 3">
2510
- <table
2511
- role="presentation"
2512
- class="k-grid-footer-table"
2513
- [style.width.px]="nonLockedWidth"
2514
- kendoGridTable
2515
- kendoGridResizableTable
2516
- [size]="size">
2517
- <colgroup kendoGridColGroup
2518
- [columns]="$any(headerLeafColumns)"
2519
- [groups]="isLocked ? [] : group"
2520
- [detailTemplate]="detailTemplate">
2521
- </colgroup>
2522
- <tfoot kendoGridFooter
2523
- [logicalRowIndex]="ariaRowCount"
2524
- [scrollable]="true"
2525
- [groups]="isLocked ? [] : group"
2526
- [columns]="$any(headerColumns)"
2527
- [lockedColumnsCount]="lockedLeafColumns.length"
2528
- [detailTemplate]="detailTemplate"
2529
- [totalColumns]="columnsContainer">
2530
- </tfoot>
2531
- </table>
2532
- </div>
2533
- </div>
2534
- </ng-container>
2535
- <ng-container *ngIf="!isScrollable">
2536
- <table
2537
- [style.table-layout]="resizable ? 'fixed' : null"
2538
- kendoGridTable
2539
- kendoGridResizableTable
2540
- role="presentation"
2541
- [size]="size">
2542
- <colgroup kendoGridColGroup
2543
- [columns]="$any(leafColumns)"
2544
- [groups]="group"
2545
- [detailTemplate]="detailTemplate">
2546
- </colgroup>
2547
- <thead kendoGridHeader
2548
- *ngIf="!hideHeader"
2549
- [resizable]="resizable"
2550
- [scrollable]="false"
2551
- [columns]="$any(visibleColumns)"
2552
- [totalColumnLevels]="totalColumnLevels"
2553
- [totalColumns]="columnsContainer"
2554
- [groups]="group"
2555
- [groupable]="showGroupPanel"
2556
- [reorderable]="reorderable"
2557
- [sort]="sort"
2558
- [sortable]="sortable"
2559
- [filter]="filter"
2560
- [filterable]="filterable"
2561
- [columnMenu]="columnMenuOptions"
2562
- [columnMenuTemplate]="columnMenuTemplate"
2563
- [detailTemplate]="detailTemplate"
2564
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
2565
- </thead>
2566
- <tbody kendoGridTableBody
2567
- [isLoading]="loading"
2568
- [groups]="group"
2569
- [data]="$any(view)"
2570
- [skip]="skip"
2571
- [columns]="$any(leafColumns)"
2572
- [selectable]="selectable"
2573
- [filterable]="filterable"
2574
- [noRecordsTemplate]="noRecordsTemplate"
2575
- [detailTemplate]="detailTemplate"
2576
- [showGroupFooters]="showGroupFooters"
2577
- [trackBy]="trackBy"
2578
- [rowClass]="rowClass"
2579
- kendoDraggable
2580
- kendoGridSelectionMarquee
2581
- [enableDrag]="marqueeSelection">
2582
- </tbody>
2583
- <tfoot kendoGridFooter
2584
- *ngIf="showFooter"
2585
- [scrollable]="false"
2586
- [logicalRowIndex]="ariaRowCount"
2587
- [groups]="group"
2588
- [columns]="$any(leafColumns)"
2589
- [detailTemplate]="detailTemplate"
2590
- [totalColumns]="columnsContainer">
2591
- </tfoot>
2592
- </table>
2593
- </ng-container>
2594
- <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
2595
- </div>
2588
+ [scrollable]="false"
2589
+ [logicalRowIndex]="ariaRowCount"
2590
+ [groups]="group"
2591
+ [columns]="$any(leafColumns)"
2592
+ [detailTemplate]="detailTemplate"
2593
+ [totalColumns]="columnsContainer">
2594
+ </tfoot>
2595
+ </table>
2596
+ </ng-container>
2597
+ <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
2598
+ </div>
2596
2599
  <kendo-grid-status-bar
2597
2600
  *ngIf="showStatusBar"
2598
2601
  [statusBarTemplate]="statusBarTemplate">
@@ -2943,293 +2946,293 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2943
2946
  [navigable]="navigation.toolbarEnabled"
2944
2947
  [attr.aria-controls]="ariaRootId"
2945
2948
  position="top"></kendo-grid-toolbar>
2946
- <kendo-pager
2947
- *ngIf="showTopPager"
2948
- [tabindex]="navigation.pagerEnabled ? '0' : '-1'"
2949
- [attr.role]="navigation.pagerEnabled ? 'application' : undefined"
2950
- class="k-grid-pager-top k-pager"
2951
- [template]="pagerTemplate"
2952
- [pageSize]="pageSize"
2953
- [total]="view.total"
2954
- [skip]="skip"
2955
- [size]="size"
2956
- [options]="pageable"
2957
- (pageChange)="notifyPageChange('pager', $event)">
2958
- </kendo-pager>
2959
- <kendo-grid-group-panel
2960
- *ngIf="showGroupPanel"
2961
- [navigable]="navigation.toolbarEnabled"
2962
- [text]="groupableEmptyText"
2963
- [groups]="group"
2964
- role="toolbar"
2965
- [attr.aria-label]="messageFor('groupPanelLabel')"
2966
- [attr.aria-controls]="ariaRootId"
2967
- (change)="groupChange.emit($event)">
2968
- </kendo-grid-group-panel>
2969
- <div #ariaRoot
2970
- class="k-grid-aria-root"
2971
- role="grid"
2972
- kendoDragTargetContainer
2973
- kendoDropTargetContainer
2974
- mode="manual"
2975
- [dragDisabled]="!rowReorderable"
2976
- [dropDisabled]="!rowReorderable"
2977
- [dragTargetFilter]="getDefaultSelectors('dragTarget')"
2978
- [dropTargetFilter]="getDefaultSelectors('dropTarget')"
2979
- [dragHandle]="getDefaultSelectors('handle')"
2980
- [hint]="{hintTemplate: defaultHint}"
2981
- (onPress)="handleReorderEvents($event, 'press')"
2982
- (onDragStart)="handleReorderEvents($event, 'dragStart')"
2983
- (onDrag)="handleReorderEvents($event, 'drag')"
2984
- (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
2985
- (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
2986
- (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
2987
- (onDrop)="handleReorderEvents($event, 'drop')"
2988
- [dragData]="gridData"
2989
- [id]="ariaRootId"
2990
- [attr.aria-label]="ariaLabel"
2991
- [attr.aria-rowcount]="ariaRowCount"
2992
- [attr.aria-colcount]="ariaColCount">
2993
- <ng-container *ngIf="isScrollable">
2994
- <div *ngIf="!hideHeader"
2995
- class="k-grid-header"
2949
+ <kendo-pager
2950
+ *ngIf="showTopPager"
2951
+ [tabindex]="navigation.pagerEnabled ? '0' : '-1'"
2952
+ [attr.role]="navigation.pagerEnabled ? 'application' : undefined"
2953
+ class="k-grid-pager-top k-pager"
2954
+ [template]="pagerTemplate"
2955
+ [pageSize]="pageSize"
2956
+ [total]="view.total"
2957
+ [skip]="skip"
2958
+ [size]="size"
2959
+ [options]="pageable"
2960
+ (pageChange)="notifyPageChange('pager', $event)">
2961
+ </kendo-pager>
2962
+ <kendo-grid-group-panel
2963
+ *ngIf="showGroupPanel"
2964
+ [navigable]="navigation.toolbarEnabled"
2965
+ [text]="groupableEmptyText"
2966
+ [groups]="group"
2967
+ role="toolbar"
2968
+ [attr.aria-label]="messageFor('groupPanelLabel')"
2969
+ [attr.aria-controls]="ariaRootId"
2970
+ (change)="groupChange.emit($event)">
2971
+ </kendo-grid-group-panel>
2972
+ <div #ariaRoot
2973
+ class="k-grid-aria-root"
2974
+ role="grid"
2975
+ kendoDragTargetContainer
2976
+ kendoDropTargetContainer
2977
+ mode="manual"
2978
+ [dragDisabled]="!rowReorderable"
2979
+ [dropDisabled]="!rowReorderable"
2980
+ [dragTargetFilter]="getDefaultSelectors('dragTarget')"
2981
+ [dropTargetFilter]="getDefaultSelectors('dropTarget')"
2982
+ [dragHandle]="getDefaultSelectors('handle')"
2983
+ [hint]="{hintTemplate: defaultHint}"
2984
+ (onPress)="handleReorderEvents($event, 'press')"
2985
+ (onDragStart)="handleReorderEvents($event, 'dragStart')"
2986
+ (onDrag)="handleReorderEvents($event, 'drag')"
2987
+ (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
2988
+ (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
2989
+ (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
2990
+ (onDrop)="handleReorderEvents($event, 'drop')"
2991
+ [dragData]="gridData"
2992
+ [id]="ariaRootId"
2993
+ [attr.aria-label]="ariaLabel"
2994
+ [attr.aria-rowcount]="ariaRowCount"
2995
+ [attr.aria-colcount]="ariaColCount">
2996
+ <ng-container *ngIf="isScrollable">
2997
+ <div *ngIf="!hideHeader"
2998
+ class="k-grid-header"
2999
+ role="presentation"
3000
+ [style.padding]="headerPadding">
3001
+ <div *ngIf="isLocked"
3002
+ #lockedHeader
2996
3003
  role="presentation"
2997
- [style.padding]="headerPadding">
2998
- <div *ngIf="isLocked"
2999
- #lockedHeader
3004
+ class="k-grid-header-locked"
3005
+ [style.width.px]="lockedWidth">
3006
+ <table
3007
+ kendoGridResizableTable
3008
+ [locked]="true"
3000
3009
  role="presentation"
3001
- class="k-grid-header-locked"
3002
- [style.width.px]="lockedWidth">
3003
- <table
3004
- kendoGridResizableTable
3005
- [locked]="true"
3006
- role="presentation"
3007
- class="k-grid-header-table"
3008
- [style.width.px]="lockedWidth"
3009
- kendoGridTable
3010
- [size]="size">
3011
- <colgroup kendoGridColGroup
3012
- [columns]="$any(lockedLeafColumns)"
3013
- [groups]="group"
3014
- [detailTemplate]="detailTemplate">
3015
- </colgroup>
3016
- <thead kendoGridHeader
3017
- role="rowgroup"
3018
- [resizable]="resizable"
3019
- [scrollable]="true"
3020
- [columns]="$any(lockedColumns)"
3021
- [totalColumnLevels]="totalColumnLevels"
3022
- [sort]="sort"
3023
- [groups]="group"
3024
- [filter]="filter"
3025
- [filterable]="filterable"
3026
- [groupable]="showGroupPanel"
3027
- [reorderable]="reorderable"
3028
- [sortable]="sortable"
3029
- [columnMenu]="columnMenuOptions"
3030
- [columnMenuTemplate]="columnMenuTemplate"
3031
- [totalColumnsCount]="leafColumns.length"
3032
- [totalColumns]="columnsContainer"
3033
- [detailTemplate]="detailTemplate"
3034
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
3035
- </thead>
3036
- </table>
3037
- </div>
3038
- <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
3039
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
3040
- [lockedWidth]="lockedWidth + scrollbarWidth + 2">
3041
- <table
3042
- role="presentation"
3043
- class="k-grid-header-table"
3044
- [style.width.px]="nonLockedWidth"
3045
- kendoGridResizableTable
3046
- [virtualColumns]="virtualColumns"
3047
- kendoGridTable
3048
- [size]="size">
3049
- <colgroup kendoGridColGroup
3050
- [columns]="headerLeafColumns"
3051
- [groups]="isLocked ? [] : group"
3052
- [detailTemplate]="detailTemplate">
3053
- </colgroup>
3054
- <thead kendoGridHeader
3055
- [resizable]="resizable"
3056
- role="rowgroup"
3057
- [scrollable]="true"
3058
- [columns]="headerColumns"
3059
- [totalColumnLevels]="totalColumnLevels"
3060
- [sort]="sort"
3061
- [filter]="filter"
3062
- [filterable]="filterable"
3063
- [groupable]="showGroupPanel"
3064
- [reorderable]="reorderable"
3065
- [groups]="isLocked ? [] : group"
3066
- [sortable]="sortable"
3067
- [columnMenu]="columnMenuOptions"
3068
- [columnMenuTemplate]="columnMenuTemplate"
3069
- [lockedColumnsCount]="lockedLeafColumns.length"
3070
- [totalColumnsCount]="leafColumns.length"
3071
- [totalColumns]="columnsContainer"
3072
- [detailTemplate]="detailTemplate"
3073
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
3074
- </thead>
3075
- </table>
3076
- <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
3077
- <div [style.width.px]="columnsContainer.unlockedWidth"></div>
3078
- </div>
3010
+ class="k-grid-header-table"
3011
+ [style.width.px]="lockedWidth"
3012
+ kendoGridTable
3013
+ [size]="size">
3014
+ <colgroup kendoGridColGroup
3015
+ [columns]="$any(lockedLeafColumns)"
3016
+ [groups]="group"
3017
+ [detailTemplate]="detailTemplate">
3018
+ </colgroup>
3019
+ <thead kendoGridHeader
3020
+ role="rowgroup"
3021
+ [resizable]="resizable"
3022
+ [scrollable]="true"
3023
+ [columns]="$any(lockedColumns)"
3024
+ [totalColumnLevels]="totalColumnLevels"
3025
+ [sort]="sort"
3026
+ [groups]="group"
3027
+ [filter]="filter"
3028
+ [filterable]="filterable"
3029
+ [groupable]="showGroupPanel"
3030
+ [reorderable]="reorderable"
3031
+ [sortable]="sortable"
3032
+ [columnMenu]="columnMenuOptions"
3033
+ [columnMenuTemplate]="columnMenuTemplate"
3034
+ [totalColumnsCount]="leafColumns.length"
3035
+ [totalColumns]="columnsContainer"
3036
+ [detailTemplate]="detailTemplate"
3037
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
3038
+ </thead>
3039
+ </table>
3040
+ </div>
3041
+ <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
3042
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
3043
+ [lockedWidth]="lockedWidth + scrollbarWidth + 2">
3044
+ <table
3045
+ role="presentation"
3046
+ class="k-grid-header-table"
3047
+ [style.width.px]="nonLockedWidth"
3048
+ kendoGridResizableTable
3049
+ [virtualColumns]="virtualColumns"
3050
+ kendoGridTable
3051
+ [size]="size">
3052
+ <colgroup kendoGridColGroup
3053
+ [columns]="headerLeafColumns"
3054
+ [groups]="isLocked ? [] : group"
3055
+ [detailTemplate]="detailTemplate">
3056
+ </colgroup>
3057
+ <thead kendoGridHeader
3058
+ [resizable]="resizable"
3059
+ role="rowgroup"
3060
+ [scrollable]="true"
3061
+ [columns]="headerColumns"
3062
+ [totalColumnLevels]="totalColumnLevels"
3063
+ [sort]="sort"
3064
+ [filter]="filter"
3065
+ [filterable]="filterable"
3066
+ [groupable]="showGroupPanel"
3067
+ [reorderable]="reorderable"
3068
+ [groups]="isLocked ? [] : group"
3069
+ [sortable]="sortable"
3070
+ [columnMenu]="columnMenuOptions"
3071
+ [columnMenuTemplate]="columnMenuTemplate"
3072
+ [lockedColumnsCount]="lockedLeafColumns.length"
3073
+ [totalColumnsCount]="leafColumns.length"
3074
+ [totalColumns]="columnsContainer"
3075
+ [detailTemplate]="detailTemplate"
3076
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
3077
+ </thead>
3078
+ </table>
3079
+ <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
3080
+ <div [style.width.px]="columnsContainer.unlockedWidth"></div>
3079
3081
  </div>
3080
3082
  </div>
3081
- <kendo-grid-list
3082
- [data]="$any(view)"
3083
- [rowHeight]="rowHeight"
3084
- [detailRowHeight]="detailRowHeight"
3085
- [total]="totalCount"
3086
- [take]="pageSize"
3083
+ </div>
3084
+ <kendo-grid-list
3085
+ [data]="$any(view)"
3086
+ [rowHeight]="rowHeight"
3087
+ [detailRowHeight]="detailRowHeight"
3088
+ [total]="totalCount"
3089
+ [take]="pageSize"
3090
+ [groups]="group"
3091
+ [groupable]="groupable"
3092
+ [skip]="skip"
3093
+ [trackBy]="trackBy"
3094
+ [columns]="columnsContainer"
3095
+ [selectable]="selectable"
3096
+ [filterable]="filterable"
3097
+ [detailTemplate]="detailTemplate"
3098
+ [noRecordsTemplate]="noRecordsTemplate"
3099
+ [size]="size"
3100
+ (pageChange)="notifyPageChange('list', $event)"
3101
+ [rowClass]="rowClass"
3102
+ [rowSticky]="rowSticky"
3103
+ [loading]="loading"
3104
+ [isVirtual]="isVirtual"
3105
+ [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
3106
+ [loadingTemplate]="loadingTemplate?.templateRef"
3107
+ [virtualColumns]="virtualColumns"
3108
+ (scrollBottom)="notifyScrollBottom()"
3109
+ (contentScroll)="contentScroll.emit($event)"
3110
+ kendoDraggable
3111
+ kendoGridSelectionMarquee
3112
+ [enableDrag]="marqueeSelection"
3113
+ [sort]="sort">
3114
+ </kendo-grid-list>
3115
+ <div
3116
+ *ngIf="showFooter"
3117
+ class="k-grid-footer"
3118
+ [style.padding]="headerPadding">
3119
+ <div
3120
+ *ngIf="lockedLeafColumns.length"
3121
+ class="k-grid-footer-locked"
3122
+ [style.width.px]="lockedWidth">
3123
+ <table
3124
+ role="presentation"
3125
+ class="k-grid-footer-table"
3126
+ kendoGridResizableTable
3127
+ [locked]="true"
3128
+ [style.width.px]="lockedWidth"
3129
+ kendoGridTable
3130
+ [size]="size">
3131
+ <colgroup kendoGridColGroup
3132
+ [columns]="$any(lockedLeafColumns)"
3133
+ [groups]="group"
3134
+ [detailTemplate]="detailTemplate">
3135
+ </colgroup>
3136
+ <tfoot kendoGridFooter
3137
+ [scrollable]="true"
3138
+ [groups]="group"
3139
+ [columns]="$any(lockedLeafColumns)"
3140
+ [detailTemplate]="detailTemplate"
3141
+ [logicalRowIndex]="ariaRowCount"
3142
+ [totalColumns]="columnsContainer">
3143
+ </tfoot>
3144
+ </table>
3145
+ </div>
3146
+ <div #footer
3147
+ class="k-grid-footer-wrap" data-scrollable
3148
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
3149
+ [lockedWidth]="lockedWidth + scrollbarWidth + 3">
3150
+ <table
3151
+ role="presentation"
3152
+ class="k-grid-footer-table"
3153
+ [style.width.px]="nonLockedWidth"
3154
+ kendoGridTable
3155
+ kendoGridResizableTable
3156
+ [size]="size">
3157
+ <colgroup kendoGridColGroup
3158
+ [columns]="$any(headerLeafColumns)"
3159
+ [groups]="isLocked ? [] : group"
3160
+ [detailTemplate]="detailTemplate">
3161
+ </colgroup>
3162
+ <tfoot kendoGridFooter
3163
+ [logicalRowIndex]="ariaRowCount"
3164
+ [scrollable]="true"
3165
+ [groups]="isLocked ? [] : group"
3166
+ [columns]="$any(headerColumns)"
3167
+ [lockedColumnsCount]="lockedLeafColumns.length"
3168
+ [detailTemplate]="detailTemplate"
3169
+ [totalColumns]="columnsContainer">
3170
+ </tfoot>
3171
+ </table>
3172
+ </div>
3173
+ </div>
3174
+ </ng-container>
3175
+ <ng-container *ngIf="!isScrollable">
3176
+ <table
3177
+ [style.table-layout]="resizable ? 'fixed' : null"
3178
+ kendoGridTable
3179
+ kendoGridResizableTable
3180
+ role="presentation"
3181
+ [size]="size">
3182
+ <colgroup kendoGridColGroup
3183
+ [columns]="$any(leafColumns)"
3184
+ [groups]="group"
3185
+ [detailTemplate]="detailTemplate">
3186
+ </colgroup>
3187
+ <thead kendoGridHeader
3188
+ *ngIf="!hideHeader"
3189
+ [resizable]="resizable"
3190
+ [scrollable]="false"
3191
+ [columns]="$any(visibleColumns)"
3192
+ [totalColumnLevels]="totalColumnLevels"
3193
+ [totalColumns]="columnsContainer"
3194
+ [groups]="group"
3195
+ [groupable]="showGroupPanel"
3196
+ [reorderable]="reorderable"
3197
+ [sort]="sort"
3198
+ [sortable]="sortable"
3199
+ [filter]="filter"
3200
+ [filterable]="filterable"
3201
+ [columnMenu]="columnMenuOptions"
3202
+ [columnMenuTemplate]="columnMenuTemplate"
3203
+ [detailTemplate]="detailTemplate"
3204
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
3205
+ </thead>
3206
+ <tbody kendoGridTableBody
3207
+ [isLoading]="loading"
3087
3208
  [groups]="group"
3088
- [groupable]="groupable"
3209
+ [data]="$any(view)"
3089
3210
  [skip]="skip"
3090
- [trackBy]="trackBy"
3091
- [columns]="columnsContainer"
3211
+ [columns]="$any(leafColumns)"
3092
3212
  [selectable]="selectable"
3093
3213
  [filterable]="filterable"
3094
- [detailTemplate]="detailTemplate"
3095
3214
  [noRecordsTemplate]="noRecordsTemplate"
3096
- [size]="size"
3097
- (pageChange)="notifyPageChange('list', $event)"
3215
+ [detailTemplate]="detailTemplate"
3216
+ [showGroupFooters]="showGroupFooters"
3217
+ [trackBy]="trackBy"
3098
3218
  [rowClass]="rowClass"
3099
- [rowSticky]="rowSticky"
3100
- [loading]="loading"
3101
- [isVirtual]="isVirtual"
3102
- [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
3103
- [loadingTemplate]="loadingTemplate?.templateRef"
3104
- [virtualColumns]="virtualColumns"
3105
- (scrollBottom)="notifyScrollBottom()"
3106
- (contentScroll)="contentScroll.emit($event)"
3107
3219
  kendoDraggable
3108
3220
  kendoGridSelectionMarquee
3109
- [enableDrag]="marqueeSelection"
3110
- [sort]="sort">
3111
- </kendo-grid-list>
3112
- <div
3221
+ [enableDrag]="marqueeSelection">
3222
+ </tbody>
3223
+ <tfoot kendoGridFooter
3113
3224
  *ngIf="showFooter"
3114
- class="k-grid-footer"
3115
- [style.padding]="headerPadding">
3116
- <div
3117
- *ngIf="lockedLeafColumns.length"
3118
- class="k-grid-footer-locked"
3119
- [style.width.px]="lockedWidth">
3120
- <table
3121
- role="presentation"
3122
- class="k-grid-footer-table"
3123
- kendoGridResizableTable
3124
- [locked]="true"
3125
- [style.width.px]="lockedWidth"
3126
- kendoGridTable
3127
- [size]="size">
3128
- <colgroup kendoGridColGroup
3129
- [columns]="$any(lockedLeafColumns)"
3130
- [groups]="group"
3131
- [detailTemplate]="detailTemplate">
3132
- </colgroup>
3133
- <tfoot kendoGridFooter
3134
- [scrollable]="true"
3135
- [groups]="group"
3136
- [columns]="$any(lockedLeafColumns)"
3137
- [detailTemplate]="detailTemplate"
3138
- [logicalRowIndex]="ariaRowCount"
3139
- [totalColumns]="columnsContainer">
3140
- </tfoot>
3141
- </table>
3142
- </div>
3143
- <div #footer
3144
- class="k-grid-footer-wrap" data-scrollable
3145
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
3146
- [lockedWidth]="lockedWidth + scrollbarWidth + 3">
3147
- <table
3148
- role="presentation"
3149
- class="k-grid-footer-table"
3150
- [style.width.px]="nonLockedWidth"
3151
- kendoGridTable
3152
- kendoGridResizableTable
3153
- [size]="size">
3154
- <colgroup kendoGridColGroup
3155
- [columns]="$any(headerLeafColumns)"
3156
- [groups]="isLocked ? [] : group"
3157
- [detailTemplate]="detailTemplate">
3158
- </colgroup>
3159
- <tfoot kendoGridFooter
3160
- [logicalRowIndex]="ariaRowCount"
3161
- [scrollable]="true"
3162
- [groups]="isLocked ? [] : group"
3163
- [columns]="$any(headerColumns)"
3164
- [lockedColumnsCount]="lockedLeafColumns.length"
3165
- [detailTemplate]="detailTemplate"
3166
- [totalColumns]="columnsContainer">
3167
- </tfoot>
3168
- </table>
3169
- </div>
3170
- </div>
3171
- </ng-container>
3172
- <ng-container *ngIf="!isScrollable">
3173
- <table
3174
- [style.table-layout]="resizable ? 'fixed' : null"
3175
- kendoGridTable
3176
- kendoGridResizableTable
3177
- role="presentation"
3178
- [size]="size">
3179
- <colgroup kendoGridColGroup
3180
- [columns]="$any(leafColumns)"
3181
- [groups]="group"
3182
- [detailTemplate]="detailTemplate">
3183
- </colgroup>
3184
- <thead kendoGridHeader
3185
- *ngIf="!hideHeader"
3186
- [resizable]="resizable"
3187
- [scrollable]="false"
3188
- [columns]="$any(visibleColumns)"
3189
- [totalColumnLevels]="totalColumnLevels"
3190
- [totalColumns]="columnsContainer"
3191
- [groups]="group"
3192
- [groupable]="showGroupPanel"
3193
- [reorderable]="reorderable"
3194
- [sort]="sort"
3195
- [sortable]="sortable"
3196
- [filter]="filter"
3197
- [filterable]="filterable"
3198
- [columnMenu]="columnMenuOptions"
3199
- [columnMenuTemplate]="columnMenuTemplate"
3200
- [detailTemplate]="detailTemplate"
3201
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
3202
- </thead>
3203
- <tbody kendoGridTableBody
3204
- [isLoading]="loading"
3205
- [groups]="group"
3206
- [data]="$any(view)"
3207
- [skip]="skip"
3208
- [columns]="$any(leafColumns)"
3209
- [selectable]="selectable"
3210
- [filterable]="filterable"
3211
- [noRecordsTemplate]="noRecordsTemplate"
3212
- [detailTemplate]="detailTemplate"
3213
- [showGroupFooters]="showGroupFooters"
3214
- [trackBy]="trackBy"
3215
- [rowClass]="rowClass"
3216
- kendoDraggable
3217
- kendoGridSelectionMarquee
3218
- [enableDrag]="marqueeSelection">
3219
- </tbody>
3220
- <tfoot kendoGridFooter
3221
- *ngIf="showFooter"
3222
- [scrollable]="false"
3223
- [logicalRowIndex]="ariaRowCount"
3224
- [groups]="group"
3225
- [columns]="$any(leafColumns)"
3226
- [detailTemplate]="detailTemplate"
3227
- [totalColumns]="columnsContainer">
3228
- </tfoot>
3229
- </table>
3230
- </ng-container>
3231
- <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
3232
- </div>
3225
+ [scrollable]="false"
3226
+ [logicalRowIndex]="ariaRowCount"
3227
+ [groups]="group"
3228
+ [columns]="$any(leafColumns)"
3229
+ [detailTemplate]="detailTemplate"
3230
+ [totalColumns]="columnsContainer">
3231
+ </tfoot>
3232
+ </table>
3233
+ </ng-container>
3234
+ <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
3235
+ </div>
3233
3236
  <kendo-grid-status-bar
3234
3237
  *ngIf="showStatusBar"
3235
3238
  [statusBarTemplate]="statusBarTemplate">