@progress/kendo-angular-grid 16.8.0 → 16.9.0-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 (6) hide show
  1. package/esm2020/grid.component.mjs +488 -488
  2. package/esm2020/package-metadata.mjs +2 -2
  3. package/fesm2015/progress-kendo-angular-grid.mjs +490 -490
  4. package/fesm2020/progress-kendo-angular-grid.mjs +490 -490
  5. package/package.json +16 -16
  6. package/schematics/ngAdd/index.js +4 -4
package/fesm2020/progress-kendo-angular-grid.mjs CHANGED
@@ -19334,8 +19334,8 @@ const packageMetadata = {
19334
19334
  name: '@progress/kendo-angular-grid',
19335
19335
  productName: 'Kendo UI for Angular',
19336
19336
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
19337
- publishDate: 1724742021,
19338
- version: '16.8.0',
19337
+ publishDate: 1724750786,
19338
+ version: '16.9.0-develop.2',
19339
19339
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
19340
19340
  };
19341
19341
 
@@ -24619,267 +24619,267 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
24619
24619
  <div #ariaRoot
24620
24620
  class="k-grid-aria-root"
24621
24621
  role="grid"
24622
+ kendoDragTargetContainer
24623
+ kendoDropTargetContainer
24624
+ mode="manual"
24625
+ [dragDisabled]="!rowReorderable"
24626
+ [dropDisabled]="!rowReorderable"
24627
+ [dragTargetFilter]="getDefaultSelectors('dragTarget')"
24628
+ [dropTargetFilter]="getDefaultSelectors('dropTarget')"
24629
+ [dragHandle]="getDefaultSelectors('handle')"
24630
+ [hint]="{hintTemplate: defaultHint}"
24631
+ (onPress)="handleReorderEvents($event, 'press')"
24632
+ (onDragStart)="handleReorderEvents($event, 'dragStart')"
24633
+ (onDrag)="handleReorderEvents($event, 'drag')"
24634
+ (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
24635
+ (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
24636
+ (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
24637
+ (onDrop)="handleReorderEvents($event, 'drop')"
24638
+ [dragData]="gridData"
24622
24639
  [id]="ariaRootId"
24623
24640
  [attr.aria-label]="ariaLabel"
24624
24641
  [attr.aria-rowcount]="ariaRowCount"
24625
24642
  [attr.aria-colcount]="ariaColCount">
24626
- <ng-container *ngIf="isScrollable">
24627
- <div *ngIf="!hideHeader"
24628
- class="k-grid-header"
24629
- role="presentation"
24630
- [style.padding]="headerPadding">
24631
- <div *ngIf="isLocked"
24632
- #lockedHeader
24643
+ <ng-container *ngIf="isScrollable">
24644
+ <div *ngIf="!hideHeader"
24645
+ class="k-grid-header"
24633
24646
  role="presentation"
24634
- class="k-grid-header-locked"
24635
- [style.width.px]="lockedWidth">
24636
- <table
24637
- kendoGridResizableTable
24638
- [locked]="true"
24639
- role="presentation"
24640
- class="k-grid-header-table"
24641
- [style.width.px]="lockedWidth"
24642
- kendoGridTable
24643
- [size]="size">
24644
- <colgroup kendoGridColGroup
24645
- [columns]="$any(lockedLeafColumns)"
24646
- [groups]="group"
24647
- [detailTemplate]="detailTemplate">
24648
- </colgroup>
24649
- <thead kendoGridHeader
24650
- role="rowgroup"
24651
- [resizable]="resizable"
24652
- [scrollable]="true"
24653
- [columns]="$any(lockedColumns)"
24654
- [totalColumnLevels]="totalColumnLevels"
24655
- [sort]="sort"
24656
- [groups]="group"
24657
- [filter]="filter"
24658
- [filterable]="filterable"
24659
- [groupable]="showGroupPanel"
24660
- [reorderable]="reorderable"
24661
- [sortable]="sortable"
24662
- [columnMenu]="columnMenuOptions"
24663
- [columnMenuTemplate]="columnMenuTemplate"
24664
- [totalColumnsCount]="leafColumns.length"
24665
- [totalColumns]="columnsContainer"
24666
- [detailTemplate]="detailTemplate"
24667
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24668
- </thead>
24669
- </table>
24670
- </div>
24671
- <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
24672
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
24673
- [lockedWidth]="lockedWidth + scrollbarWidth + 2">
24674
- <table
24647
+ [style.padding]="headerPadding">
24648
+ <div *ngIf="isLocked"
24649
+ #lockedHeader
24675
24650
  role="presentation"
24676
- class="k-grid-header-table"
24677
- [style.width.px]="nonLockedWidth"
24678
- kendoGridResizableTable
24679
- [virtualColumns]="virtualColumns"
24680
- kendoGridTable
24681
- [size]="size">
24682
- <colgroup kendoGridColGroup
24683
- [columns]="headerLeafColumns"
24684
- [groups]="isLocked ? [] : group"
24685
- [detailTemplate]="detailTemplate">
24686
- </colgroup>
24687
- <thead kendoGridHeader
24688
- [resizable]="resizable"
24689
- role="rowgroup"
24690
- [scrollable]="true"
24691
- [columns]="headerColumns"
24692
- [totalColumnLevels]="totalColumnLevels"
24693
- [sort]="sort"
24694
- [filter]="filter"
24695
- [filterable]="filterable"
24696
- [groupable]="showGroupPanel"
24697
- [reorderable]="reorderable"
24698
- [groups]="isLocked ? [] : group"
24699
- [sortable]="sortable"
24700
- [columnMenu]="columnMenuOptions"
24701
- [columnMenuTemplate]="columnMenuTemplate"
24702
- [lockedColumnsCount]="lockedLeafColumns.length"
24703
- [totalColumnsCount]="leafColumns.length"
24704
- [totalColumns]="columnsContainer"
24705
- [detailTemplate]="detailTemplate"
24706
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24707
- </thead>
24708
- </table>
24709
- <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
24710
- <div [style.width.px]="columnsContainer.unlockedWidth"></div>
24651
+ class="k-grid-header-locked"
24652
+ [style.width.px]="lockedWidth">
24653
+ <table
24654
+ kendoGridResizableTable
24655
+ [locked]="true"
24656
+ role="presentation"
24657
+ class="k-grid-header-table"
24658
+ [style.width.px]="lockedWidth"
24659
+ kendoGridTable
24660
+ [size]="size">
24661
+ <colgroup kendoGridColGroup
24662
+ [columns]="$any(lockedLeafColumns)"
24663
+ [groups]="group"
24664
+ [detailTemplate]="detailTemplate">
24665
+ </colgroup>
24666
+ <thead kendoGridHeader
24667
+ role="rowgroup"
24668
+ [resizable]="resizable"
24669
+ [scrollable]="true"
24670
+ [columns]="$any(lockedColumns)"
24671
+ [totalColumnLevels]="totalColumnLevels"
24672
+ [sort]="sort"
24673
+ [groups]="group"
24674
+ [filter]="filter"
24675
+ [filterable]="filterable"
24676
+ [groupable]="showGroupPanel"
24677
+ [reorderable]="reorderable"
24678
+ [sortable]="sortable"
24679
+ [columnMenu]="columnMenuOptions"
24680
+ [columnMenuTemplate]="columnMenuTemplate"
24681
+ [totalColumnsCount]="leafColumns.length"
24682
+ [totalColumns]="columnsContainer"
24683
+ [detailTemplate]="detailTemplate"
24684
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24685
+ </thead>
24686
+ </table>
24687
+ </div>
24688
+ <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
24689
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
24690
+ [lockedWidth]="lockedWidth + scrollbarWidth + 2">
24691
+ <table
24692
+ role="presentation"
24693
+ class="k-grid-header-table"
24694
+ [style.width.px]="nonLockedWidth"
24695
+ kendoGridResizableTable
24696
+ [virtualColumns]="virtualColumns"
24697
+ kendoGridTable
24698
+ [size]="size">
24699
+ <colgroup kendoGridColGroup
24700
+ [columns]="headerLeafColumns"
24701
+ [groups]="isLocked ? [] : group"
24702
+ [detailTemplate]="detailTemplate">
24703
+ </colgroup>
24704
+ <thead kendoGridHeader
24705
+ [resizable]="resizable"
24706
+ role="rowgroup"
24707
+ [scrollable]="true"
24708
+ [columns]="headerColumns"
24709
+ [totalColumnLevels]="totalColumnLevels"
24710
+ [sort]="sort"
24711
+ [filter]="filter"
24712
+ [filterable]="filterable"
24713
+ [groupable]="showGroupPanel"
24714
+ [reorderable]="reorderable"
24715
+ [groups]="isLocked ? [] : group"
24716
+ [sortable]="sortable"
24717
+ [columnMenu]="columnMenuOptions"
24718
+ [columnMenuTemplate]="columnMenuTemplate"
24719
+ [lockedColumnsCount]="lockedLeafColumns.length"
24720
+ [totalColumnsCount]="leafColumns.length"
24721
+ [totalColumns]="columnsContainer"
24722
+ [detailTemplate]="detailTemplate"
24723
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24724
+ </thead>
24725
+ </table>
24726
+ <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
24727
+ <div [style.width.px]="columnsContainer.unlockedWidth"></div>
24728
+ </div>
24711
24729
  </div>
24712
24730
  </div>
24713
- </div>
24714
- <kendo-grid-list
24715
- kendoDragTargetContainer
24716
- kendoDropTargetContainer
24717
- mode="manual"
24718
- [dragDisabled]="!rowReorderable"
24719
- [dropDisabled]="!rowReorderable"
24720
- [dragTargetFilter]="getDefaultSelectors('dragTarget')"
24721
- [dropTargetFilter]="getDefaultSelectors('dropTarget')"
24722
- [dragHandle]="getDefaultSelectors('handle')"
24723
- [hint]="{hintTemplate: defaultHint}"
24724
- (onPress)="handleReorderEvents($event, 'press')"
24725
- (onDragStart)="handleReorderEvents($event, 'dragStart')"
24726
- (onDrag)="handleReorderEvents($event, 'drag')"
24727
- (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
24728
- (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
24729
- (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
24730
- (onDrop)="handleReorderEvents($event, 'drop')"
24731
- [dragData]="gridData"
24732
- [data]="$any(view)"
24733
- [rowHeight]="rowHeight"
24734
- [detailRowHeight]="detailRowHeight"
24735
- [total]="totalCount"
24736
- [take]="pageSize"
24737
- [groups]="group"
24738
- [groupable]="groupable"
24739
- [skip]="skip"
24740
- [trackBy]="trackBy"
24741
- [columns]="columnsContainer"
24742
- [selectable]="selectable"
24743
- [filterable]="filterable"
24744
- [detailTemplate]="detailTemplate"
24745
- [noRecordsTemplate]="noRecordsTemplate"
24746
- [size]="size"
24747
- (pageChange)="notifyPageChange('list', $event)"
24748
- [rowClass]="rowClass"
24749
- [rowSticky]="rowSticky"
24750
- [loading]="loading"
24751
- [isVirtual]="isVirtual"
24752
- [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
24753
- [loadingTemplate]="loadingTemplate?.templateRef"
24754
- [virtualColumns]="virtualColumns"
24755
- (scrollBottom)="notifyScrollBottom()"
24756
- (contentScroll)="contentScroll.emit($event)"
24757
- kendoDraggable
24758
- kendoGridSelectionMarquee
24759
- [enableDrag]="marqueeSelection"
24760
- [sort]="sort">
24761
- </kendo-grid-list>
24762
- <div
24763
- *ngIf="showFooter"
24764
- class="k-grid-footer"
24765
- [style.padding]="headerPadding">
24766
- <div
24767
- *ngIf="lockedLeafColumns.length"
24768
- class="k-grid-footer-locked"
24769
- [style.width.px]="lockedWidth">
24770
- <table
24771
- role="presentation"
24772
- class="k-grid-footer-table"
24773
- kendoGridResizableTable
24774
- [locked]="true"
24775
- [style.width.px]="lockedWidth"
24776
- kendoGridTable
24777
- [size]="size">
24778
- <colgroup kendoGridColGroup
24779
- [columns]="$any(lockedLeafColumns)"
24780
- [groups]="group"
24781
- [detailTemplate]="detailTemplate">
24782
- </colgroup>
24783
- <tfoot kendoGridFooter
24784
- [scrollable]="true"
24785
- [groups]="group"
24786
- [columns]="$any(lockedLeafColumns)"
24787
- [detailTemplate]="detailTemplate"
24788
- [logicalRowIndex]="ariaRowCount"
24789
- [totalColumns]="columnsContainer">
24790
- </tfoot>
24791
- </table>
24792
- </div>
24793
- <div #footer
24794
- class="k-grid-footer-wrap" data-scrollable
24795
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
24796
- [lockedWidth]="lockedWidth + scrollbarWidth + 3">
24797
- <table
24798
- role="presentation"
24799
- class="k-grid-footer-table"
24800
- [style.width.px]="nonLockedWidth"
24801
- kendoGridTable
24802
- kendoGridResizableTable
24803
- [size]="size">
24804
- <colgroup kendoGridColGroup
24805
- [columns]="$any(headerLeafColumns)"
24806
- [groups]="isLocked ? [] : group"
24807
- [detailTemplate]="detailTemplate">
24808
- </colgroup>
24809
- <tfoot kendoGridFooter
24810
- [logicalRowIndex]="ariaRowCount"
24811
- [scrollable]="true"
24812
- [groups]="isLocked ? [] : group"
24813
- [columns]="$any(headerColumns)"
24814
- [lockedColumnsCount]="lockedLeafColumns.length"
24815
- [detailTemplate]="detailTemplate"
24816
- [totalColumns]="columnsContainer">
24817
- </tfoot>
24818
- </table>
24819
- </div>
24820
- </div>
24821
- </ng-container>
24822
- <ng-container *ngIf="!isScrollable">
24823
- <table
24824
- [style.table-layout]="resizable ? 'fixed' : null"
24825
- kendoGridTable
24826
- kendoGridResizableTable
24827
- role="presentation"
24828
- [size]="size">
24829
- <colgroup kendoGridColGroup
24830
- [columns]="$any(leafColumns)"
24831
- [groups]="group"
24832
- [detailTemplate]="detailTemplate">
24833
- </colgroup>
24834
- <thead kendoGridHeader
24835
- *ngIf="!hideHeader"
24836
- [resizable]="resizable"
24837
- [scrollable]="false"
24838
- [columns]="$any(visibleColumns)"
24839
- [totalColumnLevels]="totalColumnLevels"
24840
- [totalColumns]="columnsContainer"
24841
- [groups]="group"
24842
- [groupable]="showGroupPanel"
24843
- [reorderable]="reorderable"
24844
- [sort]="sort"
24845
- [sortable]="sortable"
24846
- [filter]="filter"
24847
- [filterable]="filterable"
24848
- [columnMenu]="columnMenuOptions"
24849
- [columnMenuTemplate]="columnMenuTemplate"
24850
- [detailTemplate]="detailTemplate"
24851
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24852
- </thead>
24853
- <tbody kendoGridTableBody
24854
- [isLoading]="loading"
24855
- [groups]="group"
24731
+ <kendo-grid-list
24856
24732
  [data]="$any(view)"
24733
+ [rowHeight]="rowHeight"
24734
+ [detailRowHeight]="detailRowHeight"
24735
+ [total]="totalCount"
24736
+ [take]="pageSize"
24737
+ [groups]="group"
24738
+ [groupable]="groupable"
24857
24739
  [skip]="skip"
24858
- [columns]="$any(leafColumns)"
24740
+ [trackBy]="trackBy"
24741
+ [columns]="columnsContainer"
24859
24742
  [selectable]="selectable"
24860
24743
  [filterable]="filterable"
24861
- [noRecordsTemplate]="noRecordsTemplate"
24862
24744
  [detailTemplate]="detailTemplate"
24863
- [showGroupFooters]="showGroupFooters"
24864
- [trackBy]="trackBy"
24745
+ [noRecordsTemplate]="noRecordsTemplate"
24746
+ [size]="size"
24747
+ (pageChange)="notifyPageChange('list', $event)"
24865
24748
  [rowClass]="rowClass"
24749
+ [rowSticky]="rowSticky"
24750
+ [loading]="loading"
24751
+ [isVirtual]="isVirtual"
24752
+ [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
24753
+ [loadingTemplate]="loadingTemplate?.templateRef"
24754
+ [virtualColumns]="virtualColumns"
24755
+ (scrollBottom)="notifyScrollBottom()"
24756
+ (contentScroll)="contentScroll.emit($event)"
24866
24757
  kendoDraggable
24867
24758
  kendoGridSelectionMarquee
24868
- [enableDrag]="marqueeSelection">
24869
- </tbody>
24870
- <tfoot kendoGridFooter
24759
+ [enableDrag]="marqueeSelection"
24760
+ [sort]="sort">
24761
+ </kendo-grid-list>
24762
+ <div
24871
24763
  *ngIf="showFooter"
24872
- [scrollable]="false"
24873
- [logicalRowIndex]="ariaRowCount"
24874
- [groups]="group"
24875
- [columns]="$any(leafColumns)"
24876
- [detailTemplate]="detailTemplate"
24877
- [totalColumns]="columnsContainer">
24878
- </tfoot>
24879
- </table>
24880
- </ng-container>
24881
- <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
24882
- </div>
24764
+ class="k-grid-footer"
24765
+ [style.padding]="headerPadding">
24766
+ <div
24767
+ *ngIf="lockedLeafColumns.length"
24768
+ class="k-grid-footer-locked"
24769
+ [style.width.px]="lockedWidth">
24770
+ <table
24771
+ role="presentation"
24772
+ class="k-grid-footer-table"
24773
+ kendoGridResizableTable
24774
+ [locked]="true"
24775
+ [style.width.px]="lockedWidth"
24776
+ kendoGridTable
24777
+ [size]="size">
24778
+ <colgroup kendoGridColGroup
24779
+ [columns]="$any(lockedLeafColumns)"
24780
+ [groups]="group"
24781
+ [detailTemplate]="detailTemplate">
24782
+ </colgroup>
24783
+ <tfoot kendoGridFooter
24784
+ [scrollable]="true"
24785
+ [groups]="group"
24786
+ [columns]="$any(lockedLeafColumns)"
24787
+ [detailTemplate]="detailTemplate"
24788
+ [logicalRowIndex]="ariaRowCount"
24789
+ [totalColumns]="columnsContainer">
24790
+ </tfoot>
24791
+ </table>
24792
+ </div>
24793
+ <div #footer
24794
+ class="k-grid-footer-wrap" data-scrollable
24795
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
24796
+ [lockedWidth]="lockedWidth + scrollbarWidth + 3">
24797
+ <table
24798
+ role="presentation"
24799
+ class="k-grid-footer-table"
24800
+ [style.width.px]="nonLockedWidth"
24801
+ kendoGridTable
24802
+ kendoGridResizableTable
24803
+ [size]="size">
24804
+ <colgroup kendoGridColGroup
24805
+ [columns]="$any(headerLeafColumns)"
24806
+ [groups]="isLocked ? [] : group"
24807
+ [detailTemplate]="detailTemplate">
24808
+ </colgroup>
24809
+ <tfoot kendoGridFooter
24810
+ [logicalRowIndex]="ariaRowCount"
24811
+ [scrollable]="true"
24812
+ [groups]="isLocked ? [] : group"
24813
+ [columns]="$any(headerColumns)"
24814
+ [lockedColumnsCount]="lockedLeafColumns.length"
24815
+ [detailTemplate]="detailTemplate"
24816
+ [totalColumns]="columnsContainer">
24817
+ </tfoot>
24818
+ </table>
24819
+ </div>
24820
+ </div>
24821
+ </ng-container>
24822
+ <ng-container *ngIf="!isScrollable">
24823
+ <table
24824
+ [style.table-layout]="resizable ? 'fixed' : null"
24825
+ kendoGridTable
24826
+ kendoGridResizableTable
24827
+ role="presentation"
24828
+ [size]="size">
24829
+ <colgroup kendoGridColGroup
24830
+ [columns]="$any(leafColumns)"
24831
+ [groups]="group"
24832
+ [detailTemplate]="detailTemplate">
24833
+ </colgroup>
24834
+ <thead kendoGridHeader
24835
+ *ngIf="!hideHeader"
24836
+ [resizable]="resizable"
24837
+ [scrollable]="false"
24838
+ [columns]="$any(visibleColumns)"
24839
+ [totalColumnLevels]="totalColumnLevels"
24840
+ [totalColumns]="columnsContainer"
24841
+ [groups]="group"
24842
+ [groupable]="showGroupPanel"
24843
+ [reorderable]="reorderable"
24844
+ [sort]="sort"
24845
+ [sortable]="sortable"
24846
+ [filter]="filter"
24847
+ [filterable]="filterable"
24848
+ [columnMenu]="columnMenuOptions"
24849
+ [columnMenuTemplate]="columnMenuTemplate"
24850
+ [detailTemplate]="detailTemplate"
24851
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24852
+ </thead>
24853
+ <tbody kendoGridTableBody
24854
+ [isLoading]="loading"
24855
+ [groups]="group"
24856
+ [data]="$any(view)"
24857
+ [skip]="skip"
24858
+ [columns]="$any(leafColumns)"
24859
+ [selectable]="selectable"
24860
+ [filterable]="filterable"
24861
+ [noRecordsTemplate]="noRecordsTemplate"
24862
+ [detailTemplate]="detailTemplate"
24863
+ [showGroupFooters]="showGroupFooters"
24864
+ [trackBy]="trackBy"
24865
+ [rowClass]="rowClass"
24866
+ kendoDraggable
24867
+ kendoGridSelectionMarquee
24868
+ [enableDrag]="marqueeSelection">
24869
+ </tbody>
24870
+ <tfoot kendoGridFooter
24871
+ *ngIf="showFooter"
24872
+ [scrollable]="false"
24873
+ [logicalRowIndex]="ariaRowCount"
24874
+ [groups]="group"
24875
+ [columns]="$any(leafColumns)"
24876
+ [detailTemplate]="detailTemplate"
24877
+ [totalColumns]="columnsContainer">
24878
+ </tfoot>
24879
+ </table>
24880
+ </ng-container>
24881
+ <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
24882
+ </div>
24883
24883
  <kendo-grid-status-bar
24884
24884
  *ngIf="showStatusBar"
24885
24885
  [statusBarTemplate]="statusBarTemplate">
@@ -25256,267 +25256,267 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
25256
25256
  <div #ariaRoot
25257
25257
  class="k-grid-aria-root"
25258
25258
  role="grid"
25259
+ kendoDragTargetContainer
25260
+ kendoDropTargetContainer
25261
+ mode="manual"
25262
+ [dragDisabled]="!rowReorderable"
25263
+ [dropDisabled]="!rowReorderable"
25264
+ [dragTargetFilter]="getDefaultSelectors('dragTarget')"
25265
+ [dropTargetFilter]="getDefaultSelectors('dropTarget')"
25266
+ [dragHandle]="getDefaultSelectors('handle')"
25267
+ [hint]="{hintTemplate: defaultHint}"
25268
+ (onPress)="handleReorderEvents($event, 'press')"
25269
+ (onDragStart)="handleReorderEvents($event, 'dragStart')"
25270
+ (onDrag)="handleReorderEvents($event, 'drag')"
25271
+ (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
25272
+ (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
25273
+ (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
25274
+ (onDrop)="handleReorderEvents($event, 'drop')"
25275
+ [dragData]="gridData"
25259
25276
  [id]="ariaRootId"
25260
25277
  [attr.aria-label]="ariaLabel"
25261
25278
  [attr.aria-rowcount]="ariaRowCount"
25262
25279
  [attr.aria-colcount]="ariaColCount">
25263
- <ng-container *ngIf="isScrollable">
25264
- <div *ngIf="!hideHeader"
25265
- class="k-grid-header"
25266
- role="presentation"
25267
- [style.padding]="headerPadding">
25268
- <div *ngIf="isLocked"
25269
- #lockedHeader
25280
+ <ng-container *ngIf="isScrollable">
25281
+ <div *ngIf="!hideHeader"
25282
+ class="k-grid-header"
25270
25283
  role="presentation"
25271
- class="k-grid-header-locked"
25272
- [style.width.px]="lockedWidth">
25273
- <table
25274
- kendoGridResizableTable
25275
- [locked]="true"
25276
- role="presentation"
25277
- class="k-grid-header-table"
25278
- [style.width.px]="lockedWidth"
25279
- kendoGridTable
25280
- [size]="size">
25281
- <colgroup kendoGridColGroup
25282
- [columns]="$any(lockedLeafColumns)"
25283
- [groups]="group"
25284
- [detailTemplate]="detailTemplate">
25285
- </colgroup>
25286
- <thead kendoGridHeader
25287
- role="rowgroup"
25288
- [resizable]="resizable"
25289
- [scrollable]="true"
25290
- [columns]="$any(lockedColumns)"
25291
- [totalColumnLevels]="totalColumnLevels"
25292
- [sort]="sort"
25293
- [groups]="group"
25294
- [filter]="filter"
25295
- [filterable]="filterable"
25296
- [groupable]="showGroupPanel"
25297
- [reorderable]="reorderable"
25298
- [sortable]="sortable"
25299
- [columnMenu]="columnMenuOptions"
25300
- [columnMenuTemplate]="columnMenuTemplate"
25301
- [totalColumnsCount]="leafColumns.length"
25302
- [totalColumns]="columnsContainer"
25303
- [detailTemplate]="detailTemplate"
25304
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25305
- </thead>
25306
- </table>
25307
- </div>
25308
- <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
25309
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
25310
- [lockedWidth]="lockedWidth + scrollbarWidth + 2">
25311
- <table
25284
+ [style.padding]="headerPadding">
25285
+ <div *ngIf="isLocked"
25286
+ #lockedHeader
25312
25287
  role="presentation"
25313
- class="k-grid-header-table"
25314
- [style.width.px]="nonLockedWidth"
25315
- kendoGridResizableTable
25316
- [virtualColumns]="virtualColumns"
25317
- kendoGridTable
25318
- [size]="size">
25319
- <colgroup kendoGridColGroup
25320
- [columns]="headerLeafColumns"
25321
- [groups]="isLocked ? [] : group"
25322
- [detailTemplate]="detailTemplate">
25323
- </colgroup>
25324
- <thead kendoGridHeader
25325
- [resizable]="resizable"
25326
- role="rowgroup"
25327
- [scrollable]="true"
25328
- [columns]="headerColumns"
25329
- [totalColumnLevels]="totalColumnLevels"
25330
- [sort]="sort"
25331
- [filter]="filter"
25332
- [filterable]="filterable"
25333
- [groupable]="showGroupPanel"
25334
- [reorderable]="reorderable"
25335
- [groups]="isLocked ? [] : group"
25336
- [sortable]="sortable"
25337
- [columnMenu]="columnMenuOptions"
25338
- [columnMenuTemplate]="columnMenuTemplate"
25339
- [lockedColumnsCount]="lockedLeafColumns.length"
25340
- [totalColumnsCount]="leafColumns.length"
25341
- [totalColumns]="columnsContainer"
25342
- [detailTemplate]="detailTemplate"
25343
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25344
- </thead>
25345
- </table>
25346
- <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
25347
- <div [style.width.px]="columnsContainer.unlockedWidth"></div>
25288
+ class="k-grid-header-locked"
25289
+ [style.width.px]="lockedWidth">
25290
+ <table
25291
+ kendoGridResizableTable
25292
+ [locked]="true"
25293
+ role="presentation"
25294
+ class="k-grid-header-table"
25295
+ [style.width.px]="lockedWidth"
25296
+ kendoGridTable
25297
+ [size]="size">
25298
+ <colgroup kendoGridColGroup
25299
+ [columns]="$any(lockedLeafColumns)"
25300
+ [groups]="group"
25301
+ [detailTemplate]="detailTemplate">
25302
+ </colgroup>
25303
+ <thead kendoGridHeader
25304
+ role="rowgroup"
25305
+ [resizable]="resizable"
25306
+ [scrollable]="true"
25307
+ [columns]="$any(lockedColumns)"
25308
+ [totalColumnLevels]="totalColumnLevels"
25309
+ [sort]="sort"
25310
+ [groups]="group"
25311
+ [filter]="filter"
25312
+ [filterable]="filterable"
25313
+ [groupable]="showGroupPanel"
25314
+ [reorderable]="reorderable"
25315
+ [sortable]="sortable"
25316
+ [columnMenu]="columnMenuOptions"
25317
+ [columnMenuTemplate]="columnMenuTemplate"
25318
+ [totalColumnsCount]="leafColumns.length"
25319
+ [totalColumns]="columnsContainer"
25320
+ [detailTemplate]="detailTemplate"
25321
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25322
+ </thead>
25323
+ </table>
25324
+ </div>
25325
+ <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
25326
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
25327
+ [lockedWidth]="lockedWidth + scrollbarWidth + 2">
25328
+ <table
25329
+ role="presentation"
25330
+ class="k-grid-header-table"
25331
+ [style.width.px]="nonLockedWidth"
25332
+ kendoGridResizableTable
25333
+ [virtualColumns]="virtualColumns"
25334
+ kendoGridTable
25335
+ [size]="size">
25336
+ <colgroup kendoGridColGroup
25337
+ [columns]="headerLeafColumns"
25338
+ [groups]="isLocked ? [] : group"
25339
+ [detailTemplate]="detailTemplate">
25340
+ </colgroup>
25341
+ <thead kendoGridHeader
25342
+ [resizable]="resizable"
25343
+ role="rowgroup"
25344
+ [scrollable]="true"
25345
+ [columns]="headerColumns"
25346
+ [totalColumnLevels]="totalColumnLevels"
25347
+ [sort]="sort"
25348
+ [filter]="filter"
25349
+ [filterable]="filterable"
25350
+ [groupable]="showGroupPanel"
25351
+ [reorderable]="reorderable"
25352
+ [groups]="isLocked ? [] : group"
25353
+ [sortable]="sortable"
25354
+ [columnMenu]="columnMenuOptions"
25355
+ [columnMenuTemplate]="columnMenuTemplate"
25356
+ [lockedColumnsCount]="lockedLeafColumns.length"
25357
+ [totalColumnsCount]="leafColumns.length"
25358
+ [totalColumns]="columnsContainer"
25359
+ [detailTemplate]="detailTemplate"
25360
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25361
+ </thead>
25362
+ </table>
25363
+ <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
25364
+ <div [style.width.px]="columnsContainer.unlockedWidth"></div>
25365
+ </div>
25348
25366
  </div>
25349
25367
  </div>
25350
- </div>
25351
- <kendo-grid-list
25352
- kendoDragTargetContainer
25353
- kendoDropTargetContainer
25354
- mode="manual"
25355
- [dragDisabled]="!rowReorderable"
25356
- [dropDisabled]="!rowReorderable"
25357
- [dragTargetFilter]="getDefaultSelectors('dragTarget')"
25358
- [dropTargetFilter]="getDefaultSelectors('dropTarget')"
25359
- [dragHandle]="getDefaultSelectors('handle')"
25360
- [hint]="{hintTemplate: defaultHint}"
25361
- (onPress)="handleReorderEvents($event, 'press')"
25362
- (onDragStart)="handleReorderEvents($event, 'dragStart')"
25363
- (onDrag)="handleReorderEvents($event, 'drag')"
25364
- (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
25365
- (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
25366
- (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
25367
- (onDrop)="handleReorderEvents($event, 'drop')"
25368
- [dragData]="gridData"
25369
- [data]="$any(view)"
25370
- [rowHeight]="rowHeight"
25371
- [detailRowHeight]="detailRowHeight"
25372
- [total]="totalCount"
25373
- [take]="pageSize"
25374
- [groups]="group"
25375
- [groupable]="groupable"
25376
- [skip]="skip"
25377
- [trackBy]="trackBy"
25378
- [columns]="columnsContainer"
25379
- [selectable]="selectable"
25380
- [filterable]="filterable"
25381
- [detailTemplate]="detailTemplate"
25382
- [noRecordsTemplate]="noRecordsTemplate"
25383
- [size]="size"
25384
- (pageChange)="notifyPageChange('list', $event)"
25385
- [rowClass]="rowClass"
25386
- [rowSticky]="rowSticky"
25387
- [loading]="loading"
25388
- [isVirtual]="isVirtual"
25389
- [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
25390
- [loadingTemplate]="loadingTemplate?.templateRef"
25391
- [virtualColumns]="virtualColumns"
25392
- (scrollBottom)="notifyScrollBottom()"
25393
- (contentScroll)="contentScroll.emit($event)"
25394
- kendoDraggable
25395
- kendoGridSelectionMarquee
25396
- [enableDrag]="marqueeSelection"
25397
- [sort]="sort">
25398
- </kendo-grid-list>
25399
- <div
25400
- *ngIf="showFooter"
25401
- class="k-grid-footer"
25402
- [style.padding]="headerPadding">
25403
- <div
25404
- *ngIf="lockedLeafColumns.length"
25405
- class="k-grid-footer-locked"
25406
- [style.width.px]="lockedWidth">
25407
- <table
25408
- role="presentation"
25409
- class="k-grid-footer-table"
25410
- kendoGridResizableTable
25411
- [locked]="true"
25412
- [style.width.px]="lockedWidth"
25413
- kendoGridTable
25414
- [size]="size">
25415
- <colgroup kendoGridColGroup
25416
- [columns]="$any(lockedLeafColumns)"
25417
- [groups]="group"
25418
- [detailTemplate]="detailTemplate">
25419
- </colgroup>
25420
- <tfoot kendoGridFooter
25421
- [scrollable]="true"
25422
- [groups]="group"
25423
- [columns]="$any(lockedLeafColumns)"
25424
- [detailTemplate]="detailTemplate"
25425
- [logicalRowIndex]="ariaRowCount"
25426
- [totalColumns]="columnsContainer">
25427
- </tfoot>
25428
- </table>
25429
- </div>
25430
- <div #footer
25431
- class="k-grid-footer-wrap" data-scrollable
25432
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
25433
- [lockedWidth]="lockedWidth + scrollbarWidth + 3">
25434
- <table
25435
- role="presentation"
25436
- class="k-grid-footer-table"
25437
- [style.width.px]="nonLockedWidth"
25438
- kendoGridTable
25439
- kendoGridResizableTable
25440
- [size]="size">
25441
- <colgroup kendoGridColGroup
25442
- [columns]="$any(headerLeafColumns)"
25443
- [groups]="isLocked ? [] : group"
25444
- [detailTemplate]="detailTemplate">
25445
- </colgroup>
25446
- <tfoot kendoGridFooter
25447
- [logicalRowIndex]="ariaRowCount"
25448
- [scrollable]="true"
25449
- [groups]="isLocked ? [] : group"
25450
- [columns]="$any(headerColumns)"
25451
- [lockedColumnsCount]="lockedLeafColumns.length"
25452
- [detailTemplate]="detailTemplate"
25453
- [totalColumns]="columnsContainer">
25454
- </tfoot>
25455
- </table>
25456
- </div>
25457
- </div>
25458
- </ng-container>
25459
- <ng-container *ngIf="!isScrollable">
25460
- <table
25461
- [style.table-layout]="resizable ? 'fixed' : null"
25462
- kendoGridTable
25463
- kendoGridResizableTable
25464
- role="presentation"
25465
- [size]="size">
25466
- <colgroup kendoGridColGroup
25467
- [columns]="$any(leafColumns)"
25468
- [groups]="group"
25469
- [detailTemplate]="detailTemplate">
25470
- </colgroup>
25471
- <thead kendoGridHeader
25472
- *ngIf="!hideHeader"
25473
- [resizable]="resizable"
25474
- [scrollable]="false"
25475
- [columns]="$any(visibleColumns)"
25476
- [totalColumnLevels]="totalColumnLevels"
25477
- [totalColumns]="columnsContainer"
25478
- [groups]="group"
25479
- [groupable]="showGroupPanel"
25480
- [reorderable]="reorderable"
25481
- [sort]="sort"
25482
- [sortable]="sortable"
25483
- [filter]="filter"
25484
- [filterable]="filterable"
25485
- [columnMenu]="columnMenuOptions"
25486
- [columnMenuTemplate]="columnMenuTemplate"
25487
- [detailTemplate]="detailTemplate"
25488
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25489
- </thead>
25490
- <tbody kendoGridTableBody
25491
- [isLoading]="loading"
25492
- [groups]="group"
25368
+ <kendo-grid-list
25493
25369
  [data]="$any(view)"
25370
+ [rowHeight]="rowHeight"
25371
+ [detailRowHeight]="detailRowHeight"
25372
+ [total]="totalCount"
25373
+ [take]="pageSize"
25374
+ [groups]="group"
25375
+ [groupable]="groupable"
25494
25376
  [skip]="skip"
25495
- [columns]="$any(leafColumns)"
25377
+ [trackBy]="trackBy"
25378
+ [columns]="columnsContainer"
25496
25379
  [selectable]="selectable"
25497
25380
  [filterable]="filterable"
25498
- [noRecordsTemplate]="noRecordsTemplate"
25499
25381
  [detailTemplate]="detailTemplate"
25500
- [showGroupFooters]="showGroupFooters"
25501
- [trackBy]="trackBy"
25382
+ [noRecordsTemplate]="noRecordsTemplate"
25383
+ [size]="size"
25384
+ (pageChange)="notifyPageChange('list', $event)"
25502
25385
  [rowClass]="rowClass"
25386
+ [rowSticky]="rowSticky"
25387
+ [loading]="loading"
25388
+ [isVirtual]="isVirtual"
25389
+ [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
25390
+ [loadingTemplate]="loadingTemplate?.templateRef"
25391
+ [virtualColumns]="virtualColumns"
25392
+ (scrollBottom)="notifyScrollBottom()"
25393
+ (contentScroll)="contentScroll.emit($event)"
25503
25394
  kendoDraggable
25504
25395
  kendoGridSelectionMarquee
25505
- [enableDrag]="marqueeSelection">
25506
- </tbody>
25507
- <tfoot kendoGridFooter
25396
+ [enableDrag]="marqueeSelection"
25397
+ [sort]="sort">
25398
+ </kendo-grid-list>
25399
+ <div
25508
25400
  *ngIf="showFooter"
25509
- [scrollable]="false"
25510
- [logicalRowIndex]="ariaRowCount"
25511
- [groups]="group"
25512
- [columns]="$any(leafColumns)"
25513
- [detailTemplate]="detailTemplate"
25514
- [totalColumns]="columnsContainer">
25515
- </tfoot>
25516
- </table>
25517
- </ng-container>
25518
- <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
25519
- </div>
25401
+ class="k-grid-footer"
25402
+ [style.padding]="headerPadding">
25403
+ <div
25404
+ *ngIf="lockedLeafColumns.length"
25405
+ class="k-grid-footer-locked"
25406
+ [style.width.px]="lockedWidth">
25407
+ <table
25408
+ role="presentation"
25409
+ class="k-grid-footer-table"
25410
+ kendoGridResizableTable
25411
+ [locked]="true"
25412
+ [style.width.px]="lockedWidth"
25413
+ kendoGridTable
25414
+ [size]="size">
25415
+ <colgroup kendoGridColGroup
25416
+ [columns]="$any(lockedLeafColumns)"
25417
+ [groups]="group"
25418
+ [detailTemplate]="detailTemplate">
25419
+ </colgroup>
25420
+ <tfoot kendoGridFooter
25421
+ [scrollable]="true"
25422
+ [groups]="group"
25423
+ [columns]="$any(lockedLeafColumns)"
25424
+ [detailTemplate]="detailTemplate"
25425
+ [logicalRowIndex]="ariaRowCount"
25426
+ [totalColumns]="columnsContainer">
25427
+ </tfoot>
25428
+ </table>
25429
+ </div>
25430
+ <div #footer
25431
+ class="k-grid-footer-wrap" data-scrollable
25432
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
25433
+ [lockedWidth]="lockedWidth + scrollbarWidth + 3">
25434
+ <table
25435
+ role="presentation"
25436
+ class="k-grid-footer-table"
25437
+ [style.width.px]="nonLockedWidth"
25438
+ kendoGridTable
25439
+ kendoGridResizableTable
25440
+ [size]="size">
25441
+ <colgroup kendoGridColGroup
25442
+ [columns]="$any(headerLeafColumns)"
25443
+ [groups]="isLocked ? [] : group"
25444
+ [detailTemplate]="detailTemplate">
25445
+ </colgroup>
25446
+ <tfoot kendoGridFooter
25447
+ [logicalRowIndex]="ariaRowCount"
25448
+ [scrollable]="true"
25449
+ [groups]="isLocked ? [] : group"
25450
+ [columns]="$any(headerColumns)"
25451
+ [lockedColumnsCount]="lockedLeafColumns.length"
25452
+ [detailTemplate]="detailTemplate"
25453
+ [totalColumns]="columnsContainer">
25454
+ </tfoot>
25455
+ </table>
25456
+ </div>
25457
+ </div>
25458
+ </ng-container>
25459
+ <ng-container *ngIf="!isScrollable">
25460
+ <table
25461
+ [style.table-layout]="resizable ? 'fixed' : null"
25462
+ kendoGridTable
25463
+ kendoGridResizableTable
25464
+ role="presentation"
25465
+ [size]="size">
25466
+ <colgroup kendoGridColGroup
25467
+ [columns]="$any(leafColumns)"
25468
+ [groups]="group"
25469
+ [detailTemplate]="detailTemplate">
25470
+ </colgroup>
25471
+ <thead kendoGridHeader
25472
+ *ngIf="!hideHeader"
25473
+ [resizable]="resizable"
25474
+ [scrollable]="false"
25475
+ [columns]="$any(visibleColumns)"
25476
+ [totalColumnLevels]="totalColumnLevels"
25477
+ [totalColumns]="columnsContainer"
25478
+ [groups]="group"
25479
+ [groupable]="showGroupPanel"
25480
+ [reorderable]="reorderable"
25481
+ [sort]="sort"
25482
+ [sortable]="sortable"
25483
+ [filter]="filter"
25484
+ [filterable]="filterable"
25485
+ [columnMenu]="columnMenuOptions"
25486
+ [columnMenuTemplate]="columnMenuTemplate"
25487
+ [detailTemplate]="detailTemplate"
25488
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25489
+ </thead>
25490
+ <tbody kendoGridTableBody
25491
+ [isLoading]="loading"
25492
+ [groups]="group"
25493
+ [data]="$any(view)"
25494
+ [skip]="skip"
25495
+ [columns]="$any(leafColumns)"
25496
+ [selectable]="selectable"
25497
+ [filterable]="filterable"
25498
+ [noRecordsTemplate]="noRecordsTemplate"
25499
+ [detailTemplate]="detailTemplate"
25500
+ [showGroupFooters]="showGroupFooters"
25501
+ [trackBy]="trackBy"
25502
+ [rowClass]="rowClass"
25503
+ kendoDraggable
25504
+ kendoGridSelectionMarquee
25505
+ [enableDrag]="marqueeSelection">
25506
+ </tbody>
25507
+ <tfoot kendoGridFooter
25508
+ *ngIf="showFooter"
25509
+ [scrollable]="false"
25510
+ [logicalRowIndex]="ariaRowCount"
25511
+ [groups]="group"
25512
+ [columns]="$any(leafColumns)"
25513
+ [detailTemplate]="detailTemplate"
25514
+ [totalColumns]="columnsContainer">
25515
+ </tfoot>
25516
+ </table>
25517
+ </ng-container>
25518
+ <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
25519
+ </div>
25520
25520
  <kendo-grid-status-bar
25521
25521
  *ngIf="showStatusBar"
25522
25522
  [statusBarTemplate]="statusBarTemplate">