@progress/kendo-angular-grid 16.8.0-develop.6 → 16.9.0-develop.1
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.
- package/esm2020/grid.component.mjs +488 -488
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-grid.mjs +490 -490
- package/fesm2020/progress-kendo-angular-grid.mjs +490 -490
- package/package.json +16 -16
- package/schematics/ngAdd/index.js +4 -4
|
@@ -19432,8 +19432,8 @@ const packageMetadata = {
|
|
|
19432
19432
|
name: '@progress/kendo-angular-grid',
|
|
19433
19433
|
productName: 'Kendo UI for Angular',
|
|
19434
19434
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
19435
|
-
publishDate:
|
|
19436
|
-
version: '16.
|
|
19435
|
+
publishDate: 1724748537,
|
|
19436
|
+
version: '16.9.0-develop.1',
|
|
19437
19437
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
19438
19438
|
};
|
|
19439
19439
|
|
|
@@ -24726,267 +24726,267 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
24726
24726
|
<div #ariaRoot
|
|
24727
24727
|
class="k-grid-aria-root"
|
|
24728
24728
|
role="grid"
|
|
24729
|
+
kendoDragTargetContainer
|
|
24730
|
+
kendoDropTargetContainer
|
|
24731
|
+
mode="manual"
|
|
24732
|
+
[dragDisabled]="!rowReorderable"
|
|
24733
|
+
[dropDisabled]="!rowReorderable"
|
|
24734
|
+
[dragTargetFilter]="getDefaultSelectors('dragTarget')"
|
|
24735
|
+
[dropTargetFilter]="getDefaultSelectors('dropTarget')"
|
|
24736
|
+
[dragHandle]="getDefaultSelectors('handle')"
|
|
24737
|
+
[hint]="{hintTemplate: defaultHint}"
|
|
24738
|
+
(onPress)="handleReorderEvents($event, 'press')"
|
|
24739
|
+
(onDragStart)="handleReorderEvents($event, 'dragStart')"
|
|
24740
|
+
(onDrag)="handleReorderEvents($event, 'drag')"
|
|
24741
|
+
(onDragEnter)="handleReorderEvents($event, 'dragEnter')"
|
|
24742
|
+
(onDragLeave)="handleReorderEvents($event, 'dragLeave')"
|
|
24743
|
+
(onDragEnd)="handleReorderEvents($event, 'dragEnd')"
|
|
24744
|
+
(onDrop)="handleReorderEvents($event, 'drop')"
|
|
24745
|
+
[dragData]="gridData"
|
|
24729
24746
|
[id]="ariaRootId"
|
|
24730
24747
|
[attr.aria-label]="ariaLabel"
|
|
24731
24748
|
[attr.aria-rowcount]="ariaRowCount"
|
|
24732
24749
|
[attr.aria-colcount]="ariaColCount">
|
|
24733
|
-
|
|
24734
|
-
|
|
24735
|
-
|
|
24736
|
-
role="presentation"
|
|
24737
|
-
[style.padding]="headerPadding">
|
|
24738
|
-
<div *ngIf="isLocked"
|
|
24739
|
-
#lockedHeader
|
|
24750
|
+
<ng-container *ngIf="isScrollable">
|
|
24751
|
+
<div *ngIf="!hideHeader"
|
|
24752
|
+
class="k-grid-header"
|
|
24740
24753
|
role="presentation"
|
|
24741
|
-
|
|
24742
|
-
|
|
24743
|
-
|
|
24744
|
-
kendoGridResizableTable
|
|
24745
|
-
[locked]="true"
|
|
24746
|
-
role="presentation"
|
|
24747
|
-
class="k-grid-header-table"
|
|
24748
|
-
[style.width.px]="lockedWidth"
|
|
24749
|
-
kendoGridTable
|
|
24750
|
-
[size]="size">
|
|
24751
|
-
<colgroup kendoGridColGroup
|
|
24752
|
-
[columns]="$any(lockedLeafColumns)"
|
|
24753
|
-
[groups]="group"
|
|
24754
|
-
[detailTemplate]="detailTemplate">
|
|
24755
|
-
</colgroup>
|
|
24756
|
-
<thead kendoGridHeader
|
|
24757
|
-
role="rowgroup"
|
|
24758
|
-
[resizable]="resizable"
|
|
24759
|
-
[scrollable]="true"
|
|
24760
|
-
[columns]="$any(lockedColumns)"
|
|
24761
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
24762
|
-
[sort]="sort"
|
|
24763
|
-
[groups]="group"
|
|
24764
|
-
[filter]="filter"
|
|
24765
|
-
[filterable]="filterable"
|
|
24766
|
-
[groupable]="showGroupPanel"
|
|
24767
|
-
[reorderable]="reorderable"
|
|
24768
|
-
[sortable]="sortable"
|
|
24769
|
-
[columnMenu]="columnMenuOptions"
|
|
24770
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
24771
|
-
[totalColumnsCount]="leafColumns.length"
|
|
24772
|
-
[totalColumns]="columnsContainer"
|
|
24773
|
-
[detailTemplate]="detailTemplate"
|
|
24774
|
-
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
24775
|
-
</thead>
|
|
24776
|
-
</table>
|
|
24777
|
-
</div>
|
|
24778
|
-
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
24779
|
-
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
24780
|
-
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
24781
|
-
<table
|
|
24754
|
+
[style.padding]="headerPadding">
|
|
24755
|
+
<div *ngIf="isLocked"
|
|
24756
|
+
#lockedHeader
|
|
24782
24757
|
role="presentation"
|
|
24783
|
-
class="k-grid-header-
|
|
24784
|
-
[style.width.px]="
|
|
24785
|
-
|
|
24786
|
-
|
|
24787
|
-
|
|
24788
|
-
|
|
24789
|
-
|
|
24790
|
-
[
|
|
24791
|
-
|
|
24792
|
-
[
|
|
24793
|
-
|
|
24794
|
-
|
|
24795
|
-
|
|
24796
|
-
|
|
24797
|
-
|
|
24798
|
-
|
|
24799
|
-
|
|
24800
|
-
|
|
24801
|
-
|
|
24802
|
-
|
|
24803
|
-
|
|
24804
|
-
|
|
24805
|
-
|
|
24806
|
-
|
|
24807
|
-
|
|
24808
|
-
|
|
24809
|
-
|
|
24810
|
-
|
|
24811
|
-
|
|
24812
|
-
|
|
24813
|
-
|
|
24814
|
-
|
|
24815
|
-
|
|
24816
|
-
|
|
24817
|
-
|
|
24758
|
+
class="k-grid-header-locked"
|
|
24759
|
+
[style.width.px]="lockedWidth">
|
|
24760
|
+
<table
|
|
24761
|
+
kendoGridResizableTable
|
|
24762
|
+
[locked]="true"
|
|
24763
|
+
role="presentation"
|
|
24764
|
+
class="k-grid-header-table"
|
|
24765
|
+
[style.width.px]="lockedWidth"
|
|
24766
|
+
kendoGridTable
|
|
24767
|
+
[size]="size">
|
|
24768
|
+
<colgroup kendoGridColGroup
|
|
24769
|
+
[columns]="$any(lockedLeafColumns)"
|
|
24770
|
+
[groups]="group"
|
|
24771
|
+
[detailTemplate]="detailTemplate">
|
|
24772
|
+
</colgroup>
|
|
24773
|
+
<thead kendoGridHeader
|
|
24774
|
+
role="rowgroup"
|
|
24775
|
+
[resizable]="resizable"
|
|
24776
|
+
[scrollable]="true"
|
|
24777
|
+
[columns]="$any(lockedColumns)"
|
|
24778
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
24779
|
+
[sort]="sort"
|
|
24780
|
+
[groups]="group"
|
|
24781
|
+
[filter]="filter"
|
|
24782
|
+
[filterable]="filterable"
|
|
24783
|
+
[groupable]="showGroupPanel"
|
|
24784
|
+
[reorderable]="reorderable"
|
|
24785
|
+
[sortable]="sortable"
|
|
24786
|
+
[columnMenu]="columnMenuOptions"
|
|
24787
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
24788
|
+
[totalColumnsCount]="leafColumns.length"
|
|
24789
|
+
[totalColumns]="columnsContainer"
|
|
24790
|
+
[detailTemplate]="detailTemplate"
|
|
24791
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
24792
|
+
</thead>
|
|
24793
|
+
</table>
|
|
24794
|
+
</div>
|
|
24795
|
+
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
24796
|
+
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
24797
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
24798
|
+
<table
|
|
24799
|
+
role="presentation"
|
|
24800
|
+
class="k-grid-header-table"
|
|
24801
|
+
[style.width.px]="nonLockedWidth"
|
|
24802
|
+
kendoGridResizableTable
|
|
24803
|
+
[virtualColumns]="virtualColumns"
|
|
24804
|
+
kendoGridTable
|
|
24805
|
+
[size]="size">
|
|
24806
|
+
<colgroup kendoGridColGroup
|
|
24807
|
+
[columns]="headerLeafColumns"
|
|
24808
|
+
[groups]="isLocked ? [] : group"
|
|
24809
|
+
[detailTemplate]="detailTemplate">
|
|
24810
|
+
</colgroup>
|
|
24811
|
+
<thead kendoGridHeader
|
|
24812
|
+
[resizable]="resizable"
|
|
24813
|
+
role="rowgroup"
|
|
24814
|
+
[scrollable]="true"
|
|
24815
|
+
[columns]="headerColumns"
|
|
24816
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
24817
|
+
[sort]="sort"
|
|
24818
|
+
[filter]="filter"
|
|
24819
|
+
[filterable]="filterable"
|
|
24820
|
+
[groupable]="showGroupPanel"
|
|
24821
|
+
[reorderable]="reorderable"
|
|
24822
|
+
[groups]="isLocked ? [] : group"
|
|
24823
|
+
[sortable]="sortable"
|
|
24824
|
+
[columnMenu]="columnMenuOptions"
|
|
24825
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
24826
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
24827
|
+
[totalColumnsCount]="leafColumns.length"
|
|
24828
|
+
[totalColumns]="columnsContainer"
|
|
24829
|
+
[detailTemplate]="detailTemplate"
|
|
24830
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
24831
|
+
</thead>
|
|
24832
|
+
</table>
|
|
24833
|
+
<div *ngIf="virtualColumns" class="k-width-container" role="presentation">
|
|
24834
|
+
<div [style.width.px]="columnsContainer.unlockedWidth"></div>
|
|
24835
|
+
</div>
|
|
24818
24836
|
</div>
|
|
24819
24837
|
</div>
|
|
24820
|
-
|
|
24821
|
-
<kendo-grid-list
|
|
24822
|
-
kendoDragTargetContainer
|
|
24823
|
-
kendoDropTargetContainer
|
|
24824
|
-
mode="manual"
|
|
24825
|
-
[dragDisabled]="!rowReorderable"
|
|
24826
|
-
[dropDisabled]="!rowReorderable"
|
|
24827
|
-
[dragTargetFilter]="getDefaultSelectors('dragTarget')"
|
|
24828
|
-
[dropTargetFilter]="getDefaultSelectors('dropTarget')"
|
|
24829
|
-
[dragHandle]="getDefaultSelectors('handle')"
|
|
24830
|
-
[hint]="{hintTemplate: defaultHint}"
|
|
24831
|
-
(onPress)="handleReorderEvents($event, 'press')"
|
|
24832
|
-
(onDragStart)="handleReorderEvents($event, 'dragStart')"
|
|
24833
|
-
(onDrag)="handleReorderEvents($event, 'drag')"
|
|
24834
|
-
(onDragEnter)="handleReorderEvents($event, 'dragEnter')"
|
|
24835
|
-
(onDragLeave)="handleReorderEvents($event, 'dragLeave')"
|
|
24836
|
-
(onDragEnd)="handleReorderEvents($event, 'dragEnd')"
|
|
24837
|
-
(onDrop)="handleReorderEvents($event, 'drop')"
|
|
24838
|
-
[dragData]="gridData"
|
|
24839
|
-
[data]="$any(view)"
|
|
24840
|
-
[rowHeight]="rowHeight"
|
|
24841
|
-
[detailRowHeight]="detailRowHeight"
|
|
24842
|
-
[total]="totalCount"
|
|
24843
|
-
[take]="pageSize"
|
|
24844
|
-
[groups]="group"
|
|
24845
|
-
[groupable]="groupable"
|
|
24846
|
-
[skip]="skip"
|
|
24847
|
-
[trackBy]="trackBy"
|
|
24848
|
-
[columns]="columnsContainer"
|
|
24849
|
-
[selectable]="selectable"
|
|
24850
|
-
[filterable]="filterable"
|
|
24851
|
-
[detailTemplate]="detailTemplate"
|
|
24852
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
24853
|
-
[size]="size"
|
|
24854
|
-
(pageChange)="notifyPageChange('list', $event)"
|
|
24855
|
-
[rowClass]="rowClass"
|
|
24856
|
-
[rowSticky]="rowSticky"
|
|
24857
|
-
[loading]="loading"
|
|
24858
|
-
[isVirtual]="isVirtual"
|
|
24859
|
-
[cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
|
|
24860
|
-
[loadingTemplate]="loadingTemplate?.templateRef"
|
|
24861
|
-
[virtualColumns]="virtualColumns"
|
|
24862
|
-
(scrollBottom)="notifyScrollBottom()"
|
|
24863
|
-
(contentScroll)="contentScroll.emit($event)"
|
|
24864
|
-
kendoDraggable
|
|
24865
|
-
kendoGridSelectionMarquee
|
|
24866
|
-
[enableDrag]="marqueeSelection"
|
|
24867
|
-
[sort]="sort">
|
|
24868
|
-
</kendo-grid-list>
|
|
24869
|
-
<div
|
|
24870
|
-
*ngIf="showFooter"
|
|
24871
|
-
class="k-grid-footer"
|
|
24872
|
-
[style.padding]="headerPadding">
|
|
24873
|
-
<div
|
|
24874
|
-
*ngIf="lockedLeafColumns.length"
|
|
24875
|
-
class="k-grid-footer-locked"
|
|
24876
|
-
[style.width.px]="lockedWidth">
|
|
24877
|
-
<table
|
|
24878
|
-
role="presentation"
|
|
24879
|
-
class="k-grid-footer-table"
|
|
24880
|
-
kendoGridResizableTable
|
|
24881
|
-
[locked]="true"
|
|
24882
|
-
[style.width.px]="lockedWidth"
|
|
24883
|
-
kendoGridTable
|
|
24884
|
-
[size]="size">
|
|
24885
|
-
<colgroup kendoGridColGroup
|
|
24886
|
-
[columns]="$any(lockedLeafColumns)"
|
|
24887
|
-
[groups]="group"
|
|
24888
|
-
[detailTemplate]="detailTemplate">
|
|
24889
|
-
</colgroup>
|
|
24890
|
-
<tfoot kendoGridFooter
|
|
24891
|
-
[scrollable]="true"
|
|
24892
|
-
[groups]="group"
|
|
24893
|
-
[columns]="$any(lockedLeafColumns)"
|
|
24894
|
-
[detailTemplate]="detailTemplate"
|
|
24895
|
-
[logicalRowIndex]="ariaRowCount"
|
|
24896
|
-
[totalColumns]="columnsContainer">
|
|
24897
|
-
</tfoot>
|
|
24898
|
-
</table>
|
|
24899
|
-
</div>
|
|
24900
|
-
<div #footer
|
|
24901
|
-
class="k-grid-footer-wrap" data-scrollable
|
|
24902
|
-
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
24903
|
-
[lockedWidth]="lockedWidth + scrollbarWidth + 3">
|
|
24904
|
-
<table
|
|
24905
|
-
role="presentation"
|
|
24906
|
-
class="k-grid-footer-table"
|
|
24907
|
-
[style.width.px]="nonLockedWidth"
|
|
24908
|
-
kendoGridTable
|
|
24909
|
-
kendoGridResizableTable
|
|
24910
|
-
[size]="size">
|
|
24911
|
-
<colgroup kendoGridColGroup
|
|
24912
|
-
[columns]="$any(headerLeafColumns)"
|
|
24913
|
-
[groups]="isLocked ? [] : group"
|
|
24914
|
-
[detailTemplate]="detailTemplate">
|
|
24915
|
-
</colgroup>
|
|
24916
|
-
<tfoot kendoGridFooter
|
|
24917
|
-
[logicalRowIndex]="ariaRowCount"
|
|
24918
|
-
[scrollable]="true"
|
|
24919
|
-
[groups]="isLocked ? [] : group"
|
|
24920
|
-
[columns]="$any(headerColumns)"
|
|
24921
|
-
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
24922
|
-
[detailTemplate]="detailTemplate"
|
|
24923
|
-
[totalColumns]="columnsContainer">
|
|
24924
|
-
</tfoot>
|
|
24925
|
-
</table>
|
|
24926
|
-
</div>
|
|
24927
|
-
</div>
|
|
24928
|
-
</ng-container>
|
|
24929
|
-
<ng-container *ngIf="!isScrollable">
|
|
24930
|
-
<table
|
|
24931
|
-
[style.table-layout]="resizable ? 'fixed' : null"
|
|
24932
|
-
kendoGridTable
|
|
24933
|
-
kendoGridResizableTable
|
|
24934
|
-
role="presentation"
|
|
24935
|
-
[size]="size">
|
|
24936
|
-
<colgroup kendoGridColGroup
|
|
24937
|
-
[columns]="$any(leafColumns)"
|
|
24938
|
-
[groups]="group"
|
|
24939
|
-
[detailTemplate]="detailTemplate">
|
|
24940
|
-
</colgroup>
|
|
24941
|
-
<thead kendoGridHeader
|
|
24942
|
-
*ngIf="!hideHeader"
|
|
24943
|
-
[resizable]="resizable"
|
|
24944
|
-
[scrollable]="false"
|
|
24945
|
-
[columns]="$any(visibleColumns)"
|
|
24946
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
24947
|
-
[totalColumns]="columnsContainer"
|
|
24948
|
-
[groups]="group"
|
|
24949
|
-
[groupable]="showGroupPanel"
|
|
24950
|
-
[reorderable]="reorderable"
|
|
24951
|
-
[sort]="sort"
|
|
24952
|
-
[sortable]="sortable"
|
|
24953
|
-
[filter]="filter"
|
|
24954
|
-
[filterable]="filterable"
|
|
24955
|
-
[columnMenu]="columnMenuOptions"
|
|
24956
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
24957
|
-
[detailTemplate]="detailTemplate"
|
|
24958
|
-
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
24959
|
-
</thead>
|
|
24960
|
-
<tbody kendoGridTableBody
|
|
24961
|
-
[isLoading]="loading"
|
|
24962
|
-
[groups]="group"
|
|
24838
|
+
<kendo-grid-list
|
|
24963
24839
|
[data]="$any(view)"
|
|
24840
|
+
[rowHeight]="rowHeight"
|
|
24841
|
+
[detailRowHeight]="detailRowHeight"
|
|
24842
|
+
[total]="totalCount"
|
|
24843
|
+
[take]="pageSize"
|
|
24844
|
+
[groups]="group"
|
|
24845
|
+
[groupable]="groupable"
|
|
24964
24846
|
[skip]="skip"
|
|
24965
|
-
[
|
|
24847
|
+
[trackBy]="trackBy"
|
|
24848
|
+
[columns]="columnsContainer"
|
|
24966
24849
|
[selectable]="selectable"
|
|
24967
24850
|
[filterable]="filterable"
|
|
24968
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
24969
24851
|
[detailTemplate]="detailTemplate"
|
|
24970
|
-
[
|
|
24971
|
-
[
|
|
24852
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
24853
|
+
[size]="size"
|
|
24854
|
+
(pageChange)="notifyPageChange('list', $event)"
|
|
24972
24855
|
[rowClass]="rowClass"
|
|
24856
|
+
[rowSticky]="rowSticky"
|
|
24857
|
+
[loading]="loading"
|
|
24858
|
+
[isVirtual]="isVirtual"
|
|
24859
|
+
[cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
|
|
24860
|
+
[loadingTemplate]="loadingTemplate?.templateRef"
|
|
24861
|
+
[virtualColumns]="virtualColumns"
|
|
24862
|
+
(scrollBottom)="notifyScrollBottom()"
|
|
24863
|
+
(contentScroll)="contentScroll.emit($event)"
|
|
24973
24864
|
kendoDraggable
|
|
24974
24865
|
kendoGridSelectionMarquee
|
|
24975
|
-
[enableDrag]="marqueeSelection"
|
|
24976
|
-
|
|
24977
|
-
|
|
24866
|
+
[enableDrag]="marqueeSelection"
|
|
24867
|
+
[sort]="sort">
|
|
24868
|
+
</kendo-grid-list>
|
|
24869
|
+
<div
|
|
24978
24870
|
*ngIf="showFooter"
|
|
24979
|
-
|
|
24980
|
-
[
|
|
24981
|
-
|
|
24982
|
-
|
|
24983
|
-
|
|
24984
|
-
|
|
24985
|
-
|
|
24986
|
-
|
|
24987
|
-
|
|
24988
|
-
|
|
24989
|
-
|
|
24871
|
+
class="k-grid-footer"
|
|
24872
|
+
[style.padding]="headerPadding">
|
|
24873
|
+
<div
|
|
24874
|
+
*ngIf="lockedLeafColumns.length"
|
|
24875
|
+
class="k-grid-footer-locked"
|
|
24876
|
+
[style.width.px]="lockedWidth">
|
|
24877
|
+
<table
|
|
24878
|
+
role="presentation"
|
|
24879
|
+
class="k-grid-footer-table"
|
|
24880
|
+
kendoGridResizableTable
|
|
24881
|
+
[locked]="true"
|
|
24882
|
+
[style.width.px]="lockedWidth"
|
|
24883
|
+
kendoGridTable
|
|
24884
|
+
[size]="size">
|
|
24885
|
+
<colgroup kendoGridColGroup
|
|
24886
|
+
[columns]="$any(lockedLeafColumns)"
|
|
24887
|
+
[groups]="group"
|
|
24888
|
+
[detailTemplate]="detailTemplate">
|
|
24889
|
+
</colgroup>
|
|
24890
|
+
<tfoot kendoGridFooter
|
|
24891
|
+
[scrollable]="true"
|
|
24892
|
+
[groups]="group"
|
|
24893
|
+
[columns]="$any(lockedLeafColumns)"
|
|
24894
|
+
[detailTemplate]="detailTemplate"
|
|
24895
|
+
[logicalRowIndex]="ariaRowCount"
|
|
24896
|
+
[totalColumns]="columnsContainer">
|
|
24897
|
+
</tfoot>
|
|
24898
|
+
</table>
|
|
24899
|
+
</div>
|
|
24900
|
+
<div #footer
|
|
24901
|
+
class="k-grid-footer-wrap" data-scrollable
|
|
24902
|
+
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
24903
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 3">
|
|
24904
|
+
<table
|
|
24905
|
+
role="presentation"
|
|
24906
|
+
class="k-grid-footer-table"
|
|
24907
|
+
[style.width.px]="nonLockedWidth"
|
|
24908
|
+
kendoGridTable
|
|
24909
|
+
kendoGridResizableTable
|
|
24910
|
+
[size]="size">
|
|
24911
|
+
<colgroup kendoGridColGroup
|
|
24912
|
+
[columns]="$any(headerLeafColumns)"
|
|
24913
|
+
[groups]="isLocked ? [] : group"
|
|
24914
|
+
[detailTemplate]="detailTemplate">
|
|
24915
|
+
</colgroup>
|
|
24916
|
+
<tfoot kendoGridFooter
|
|
24917
|
+
[logicalRowIndex]="ariaRowCount"
|
|
24918
|
+
[scrollable]="true"
|
|
24919
|
+
[groups]="isLocked ? [] : group"
|
|
24920
|
+
[columns]="$any(headerColumns)"
|
|
24921
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
24922
|
+
[detailTemplate]="detailTemplate"
|
|
24923
|
+
[totalColumns]="columnsContainer">
|
|
24924
|
+
</tfoot>
|
|
24925
|
+
</table>
|
|
24926
|
+
</div>
|
|
24927
|
+
</div>
|
|
24928
|
+
</ng-container>
|
|
24929
|
+
<ng-container *ngIf="!isScrollable">
|
|
24930
|
+
<table
|
|
24931
|
+
[style.table-layout]="resizable ? 'fixed' : null"
|
|
24932
|
+
kendoGridTable
|
|
24933
|
+
kendoGridResizableTable
|
|
24934
|
+
role="presentation"
|
|
24935
|
+
[size]="size">
|
|
24936
|
+
<colgroup kendoGridColGroup
|
|
24937
|
+
[columns]="$any(leafColumns)"
|
|
24938
|
+
[groups]="group"
|
|
24939
|
+
[detailTemplate]="detailTemplate">
|
|
24940
|
+
</colgroup>
|
|
24941
|
+
<thead kendoGridHeader
|
|
24942
|
+
*ngIf="!hideHeader"
|
|
24943
|
+
[resizable]="resizable"
|
|
24944
|
+
[scrollable]="false"
|
|
24945
|
+
[columns]="$any(visibleColumns)"
|
|
24946
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
24947
|
+
[totalColumns]="columnsContainer"
|
|
24948
|
+
[groups]="group"
|
|
24949
|
+
[groupable]="showGroupPanel"
|
|
24950
|
+
[reorderable]="reorderable"
|
|
24951
|
+
[sort]="sort"
|
|
24952
|
+
[sortable]="sortable"
|
|
24953
|
+
[filter]="filter"
|
|
24954
|
+
[filterable]="filterable"
|
|
24955
|
+
[columnMenu]="columnMenuOptions"
|
|
24956
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
24957
|
+
[detailTemplate]="detailTemplate"
|
|
24958
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
24959
|
+
</thead>
|
|
24960
|
+
<tbody kendoGridTableBody
|
|
24961
|
+
[isLoading]="loading"
|
|
24962
|
+
[groups]="group"
|
|
24963
|
+
[data]="$any(view)"
|
|
24964
|
+
[skip]="skip"
|
|
24965
|
+
[columns]="$any(leafColumns)"
|
|
24966
|
+
[selectable]="selectable"
|
|
24967
|
+
[filterable]="filterable"
|
|
24968
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
24969
|
+
[detailTemplate]="detailTemplate"
|
|
24970
|
+
[showGroupFooters]="showGroupFooters"
|
|
24971
|
+
[trackBy]="trackBy"
|
|
24972
|
+
[rowClass]="rowClass"
|
|
24973
|
+
kendoDraggable
|
|
24974
|
+
kendoGridSelectionMarquee
|
|
24975
|
+
[enableDrag]="marqueeSelection">
|
|
24976
|
+
</tbody>
|
|
24977
|
+
<tfoot kendoGridFooter
|
|
24978
|
+
*ngIf="showFooter"
|
|
24979
|
+
[scrollable]="false"
|
|
24980
|
+
[logicalRowIndex]="ariaRowCount"
|
|
24981
|
+
[groups]="group"
|
|
24982
|
+
[columns]="$any(leafColumns)"
|
|
24983
|
+
[detailTemplate]="detailTemplate"
|
|
24984
|
+
[totalColumns]="columnsContainer">
|
|
24985
|
+
</tfoot>
|
|
24986
|
+
</table>
|
|
24987
|
+
</ng-container>
|
|
24988
|
+
<div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
|
|
24989
|
+
</div>
|
|
24990
24990
|
<kendo-grid-status-bar
|
|
24991
24991
|
*ngIf="showStatusBar"
|
|
24992
24992
|
[statusBarTemplate]="statusBarTemplate">
|
|
@@ -25363,267 +25363,267 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
25363
25363
|
<div #ariaRoot
|
|
25364
25364
|
class="k-grid-aria-root"
|
|
25365
25365
|
role="grid"
|
|
25366
|
+
kendoDragTargetContainer
|
|
25367
|
+
kendoDropTargetContainer
|
|
25368
|
+
mode="manual"
|
|
25369
|
+
[dragDisabled]="!rowReorderable"
|
|
25370
|
+
[dropDisabled]="!rowReorderable"
|
|
25371
|
+
[dragTargetFilter]="getDefaultSelectors('dragTarget')"
|
|
25372
|
+
[dropTargetFilter]="getDefaultSelectors('dropTarget')"
|
|
25373
|
+
[dragHandle]="getDefaultSelectors('handle')"
|
|
25374
|
+
[hint]="{hintTemplate: defaultHint}"
|
|
25375
|
+
(onPress)="handleReorderEvents($event, 'press')"
|
|
25376
|
+
(onDragStart)="handleReorderEvents($event, 'dragStart')"
|
|
25377
|
+
(onDrag)="handleReorderEvents($event, 'drag')"
|
|
25378
|
+
(onDragEnter)="handleReorderEvents($event, 'dragEnter')"
|
|
25379
|
+
(onDragLeave)="handleReorderEvents($event, 'dragLeave')"
|
|
25380
|
+
(onDragEnd)="handleReorderEvents($event, 'dragEnd')"
|
|
25381
|
+
(onDrop)="handleReorderEvents($event, 'drop')"
|
|
25382
|
+
[dragData]="gridData"
|
|
25366
25383
|
[id]="ariaRootId"
|
|
25367
25384
|
[attr.aria-label]="ariaLabel"
|
|
25368
25385
|
[attr.aria-rowcount]="ariaRowCount"
|
|
25369
25386
|
[attr.aria-colcount]="ariaColCount">
|
|
25370
|
-
|
|
25371
|
-
|
|
25372
|
-
|
|
25373
|
-
role="presentation"
|
|
25374
|
-
[style.padding]="headerPadding">
|
|
25375
|
-
<div *ngIf="isLocked"
|
|
25376
|
-
#lockedHeader
|
|
25387
|
+
<ng-container *ngIf="isScrollable">
|
|
25388
|
+
<div *ngIf="!hideHeader"
|
|
25389
|
+
class="k-grid-header"
|
|
25377
25390
|
role="presentation"
|
|
25378
|
-
|
|
25379
|
-
|
|
25380
|
-
|
|
25381
|
-
kendoGridResizableTable
|
|
25382
|
-
[locked]="true"
|
|
25383
|
-
role="presentation"
|
|
25384
|
-
class="k-grid-header-table"
|
|
25385
|
-
[style.width.px]="lockedWidth"
|
|
25386
|
-
kendoGridTable
|
|
25387
|
-
[size]="size">
|
|
25388
|
-
<colgroup kendoGridColGroup
|
|
25389
|
-
[columns]="$any(lockedLeafColumns)"
|
|
25390
|
-
[groups]="group"
|
|
25391
|
-
[detailTemplate]="detailTemplate">
|
|
25392
|
-
</colgroup>
|
|
25393
|
-
<thead kendoGridHeader
|
|
25394
|
-
role="rowgroup"
|
|
25395
|
-
[resizable]="resizable"
|
|
25396
|
-
[scrollable]="true"
|
|
25397
|
-
[columns]="$any(lockedColumns)"
|
|
25398
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
25399
|
-
[sort]="sort"
|
|
25400
|
-
[groups]="group"
|
|
25401
|
-
[filter]="filter"
|
|
25402
|
-
[filterable]="filterable"
|
|
25403
|
-
[groupable]="showGroupPanel"
|
|
25404
|
-
[reorderable]="reorderable"
|
|
25405
|
-
[sortable]="sortable"
|
|
25406
|
-
[columnMenu]="columnMenuOptions"
|
|
25407
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
25408
|
-
[totalColumnsCount]="leafColumns.length"
|
|
25409
|
-
[totalColumns]="columnsContainer"
|
|
25410
|
-
[detailTemplate]="detailTemplate"
|
|
25411
|
-
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
25412
|
-
</thead>
|
|
25413
|
-
</table>
|
|
25414
|
-
</div>
|
|
25415
|
-
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
25416
|
-
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
25417
|
-
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
25418
|
-
<table
|
|
25391
|
+
[style.padding]="headerPadding">
|
|
25392
|
+
<div *ngIf="isLocked"
|
|
25393
|
+
#lockedHeader
|
|
25419
25394
|
role="presentation"
|
|
25420
|
-
class="k-grid-header-
|
|
25421
|
-
[style.width.px]="
|
|
25422
|
-
|
|
25423
|
-
|
|
25424
|
-
|
|
25425
|
-
|
|
25426
|
-
|
|
25427
|
-
[
|
|
25428
|
-
|
|
25429
|
-
[
|
|
25430
|
-
|
|
25431
|
-
|
|
25432
|
-
|
|
25433
|
-
|
|
25434
|
-
|
|
25435
|
-
|
|
25436
|
-
|
|
25437
|
-
|
|
25438
|
-
|
|
25439
|
-
|
|
25440
|
-
|
|
25441
|
-
|
|
25442
|
-
|
|
25443
|
-
|
|
25444
|
-
|
|
25445
|
-
|
|
25446
|
-
|
|
25447
|
-
|
|
25448
|
-
|
|
25449
|
-
|
|
25450
|
-
|
|
25451
|
-
|
|
25452
|
-
|
|
25453
|
-
|
|
25454
|
-
|
|
25395
|
+
class="k-grid-header-locked"
|
|
25396
|
+
[style.width.px]="lockedWidth">
|
|
25397
|
+
<table
|
|
25398
|
+
kendoGridResizableTable
|
|
25399
|
+
[locked]="true"
|
|
25400
|
+
role="presentation"
|
|
25401
|
+
class="k-grid-header-table"
|
|
25402
|
+
[style.width.px]="lockedWidth"
|
|
25403
|
+
kendoGridTable
|
|
25404
|
+
[size]="size">
|
|
25405
|
+
<colgroup kendoGridColGroup
|
|
25406
|
+
[columns]="$any(lockedLeafColumns)"
|
|
25407
|
+
[groups]="group"
|
|
25408
|
+
[detailTemplate]="detailTemplate">
|
|
25409
|
+
</colgroup>
|
|
25410
|
+
<thead kendoGridHeader
|
|
25411
|
+
role="rowgroup"
|
|
25412
|
+
[resizable]="resizable"
|
|
25413
|
+
[scrollable]="true"
|
|
25414
|
+
[columns]="$any(lockedColumns)"
|
|
25415
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
25416
|
+
[sort]="sort"
|
|
25417
|
+
[groups]="group"
|
|
25418
|
+
[filter]="filter"
|
|
25419
|
+
[filterable]="filterable"
|
|
25420
|
+
[groupable]="showGroupPanel"
|
|
25421
|
+
[reorderable]="reorderable"
|
|
25422
|
+
[sortable]="sortable"
|
|
25423
|
+
[columnMenu]="columnMenuOptions"
|
|
25424
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
25425
|
+
[totalColumnsCount]="leafColumns.length"
|
|
25426
|
+
[totalColumns]="columnsContainer"
|
|
25427
|
+
[detailTemplate]="detailTemplate"
|
|
25428
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
25429
|
+
</thead>
|
|
25430
|
+
</table>
|
|
25431
|
+
</div>
|
|
25432
|
+
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
25433
|
+
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
25434
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
25435
|
+
<table
|
|
25436
|
+
role="presentation"
|
|
25437
|
+
class="k-grid-header-table"
|
|
25438
|
+
[style.width.px]="nonLockedWidth"
|
|
25439
|
+
kendoGridResizableTable
|
|
25440
|
+
[virtualColumns]="virtualColumns"
|
|
25441
|
+
kendoGridTable
|
|
25442
|
+
[size]="size">
|
|
25443
|
+
<colgroup kendoGridColGroup
|
|
25444
|
+
[columns]="headerLeafColumns"
|
|
25445
|
+
[groups]="isLocked ? [] : group"
|
|
25446
|
+
[detailTemplate]="detailTemplate">
|
|
25447
|
+
</colgroup>
|
|
25448
|
+
<thead kendoGridHeader
|
|
25449
|
+
[resizable]="resizable"
|
|
25450
|
+
role="rowgroup"
|
|
25451
|
+
[scrollable]="true"
|
|
25452
|
+
[columns]="headerColumns"
|
|
25453
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
25454
|
+
[sort]="sort"
|
|
25455
|
+
[filter]="filter"
|
|
25456
|
+
[filterable]="filterable"
|
|
25457
|
+
[groupable]="showGroupPanel"
|
|
25458
|
+
[reorderable]="reorderable"
|
|
25459
|
+
[groups]="isLocked ? [] : group"
|
|
25460
|
+
[sortable]="sortable"
|
|
25461
|
+
[columnMenu]="columnMenuOptions"
|
|
25462
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
25463
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
25464
|
+
[totalColumnsCount]="leafColumns.length"
|
|
25465
|
+
[totalColumns]="columnsContainer"
|
|
25466
|
+
[detailTemplate]="detailTemplate"
|
|
25467
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
25468
|
+
</thead>
|
|
25469
|
+
</table>
|
|
25470
|
+
<div *ngIf="virtualColumns" class="k-width-container" role="presentation">
|
|
25471
|
+
<div [style.width.px]="columnsContainer.unlockedWidth"></div>
|
|
25472
|
+
</div>
|
|
25455
25473
|
</div>
|
|
25456
25474
|
</div>
|
|
25457
|
-
|
|
25458
|
-
<kendo-grid-list
|
|
25459
|
-
kendoDragTargetContainer
|
|
25460
|
-
kendoDropTargetContainer
|
|
25461
|
-
mode="manual"
|
|
25462
|
-
[dragDisabled]="!rowReorderable"
|
|
25463
|
-
[dropDisabled]="!rowReorderable"
|
|
25464
|
-
[dragTargetFilter]="getDefaultSelectors('dragTarget')"
|
|
25465
|
-
[dropTargetFilter]="getDefaultSelectors('dropTarget')"
|
|
25466
|
-
[dragHandle]="getDefaultSelectors('handle')"
|
|
25467
|
-
[hint]="{hintTemplate: defaultHint}"
|
|
25468
|
-
(onPress)="handleReorderEvents($event, 'press')"
|
|
25469
|
-
(onDragStart)="handleReorderEvents($event, 'dragStart')"
|
|
25470
|
-
(onDrag)="handleReorderEvents($event, 'drag')"
|
|
25471
|
-
(onDragEnter)="handleReorderEvents($event, 'dragEnter')"
|
|
25472
|
-
(onDragLeave)="handleReorderEvents($event, 'dragLeave')"
|
|
25473
|
-
(onDragEnd)="handleReorderEvents($event, 'dragEnd')"
|
|
25474
|
-
(onDrop)="handleReorderEvents($event, 'drop')"
|
|
25475
|
-
[dragData]="gridData"
|
|
25476
|
-
[data]="$any(view)"
|
|
25477
|
-
[rowHeight]="rowHeight"
|
|
25478
|
-
[detailRowHeight]="detailRowHeight"
|
|
25479
|
-
[total]="totalCount"
|
|
25480
|
-
[take]="pageSize"
|
|
25481
|
-
[groups]="group"
|
|
25482
|
-
[groupable]="groupable"
|
|
25483
|
-
[skip]="skip"
|
|
25484
|
-
[trackBy]="trackBy"
|
|
25485
|
-
[columns]="columnsContainer"
|
|
25486
|
-
[selectable]="selectable"
|
|
25487
|
-
[filterable]="filterable"
|
|
25488
|
-
[detailTemplate]="detailTemplate"
|
|
25489
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
25490
|
-
[size]="size"
|
|
25491
|
-
(pageChange)="notifyPageChange('list', $event)"
|
|
25492
|
-
[rowClass]="rowClass"
|
|
25493
|
-
[rowSticky]="rowSticky"
|
|
25494
|
-
[loading]="loading"
|
|
25495
|
-
[isVirtual]="isVirtual"
|
|
25496
|
-
[cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
|
|
25497
|
-
[loadingTemplate]="loadingTemplate?.templateRef"
|
|
25498
|
-
[virtualColumns]="virtualColumns"
|
|
25499
|
-
(scrollBottom)="notifyScrollBottom()"
|
|
25500
|
-
(contentScroll)="contentScroll.emit($event)"
|
|
25501
|
-
kendoDraggable
|
|
25502
|
-
kendoGridSelectionMarquee
|
|
25503
|
-
[enableDrag]="marqueeSelection"
|
|
25504
|
-
[sort]="sort">
|
|
25505
|
-
</kendo-grid-list>
|
|
25506
|
-
<div
|
|
25507
|
-
*ngIf="showFooter"
|
|
25508
|
-
class="k-grid-footer"
|
|
25509
|
-
[style.padding]="headerPadding">
|
|
25510
|
-
<div
|
|
25511
|
-
*ngIf="lockedLeafColumns.length"
|
|
25512
|
-
class="k-grid-footer-locked"
|
|
25513
|
-
[style.width.px]="lockedWidth">
|
|
25514
|
-
<table
|
|
25515
|
-
role="presentation"
|
|
25516
|
-
class="k-grid-footer-table"
|
|
25517
|
-
kendoGridResizableTable
|
|
25518
|
-
[locked]="true"
|
|
25519
|
-
[style.width.px]="lockedWidth"
|
|
25520
|
-
kendoGridTable
|
|
25521
|
-
[size]="size">
|
|
25522
|
-
<colgroup kendoGridColGroup
|
|
25523
|
-
[columns]="$any(lockedLeafColumns)"
|
|
25524
|
-
[groups]="group"
|
|
25525
|
-
[detailTemplate]="detailTemplate">
|
|
25526
|
-
</colgroup>
|
|
25527
|
-
<tfoot kendoGridFooter
|
|
25528
|
-
[scrollable]="true"
|
|
25529
|
-
[groups]="group"
|
|
25530
|
-
[columns]="$any(lockedLeafColumns)"
|
|
25531
|
-
[detailTemplate]="detailTemplate"
|
|
25532
|
-
[logicalRowIndex]="ariaRowCount"
|
|
25533
|
-
[totalColumns]="columnsContainer">
|
|
25534
|
-
</tfoot>
|
|
25535
|
-
</table>
|
|
25536
|
-
</div>
|
|
25537
|
-
<div #footer
|
|
25538
|
-
class="k-grid-footer-wrap" data-scrollable
|
|
25539
|
-
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
25540
|
-
[lockedWidth]="lockedWidth + scrollbarWidth + 3">
|
|
25541
|
-
<table
|
|
25542
|
-
role="presentation"
|
|
25543
|
-
class="k-grid-footer-table"
|
|
25544
|
-
[style.width.px]="nonLockedWidth"
|
|
25545
|
-
kendoGridTable
|
|
25546
|
-
kendoGridResizableTable
|
|
25547
|
-
[size]="size">
|
|
25548
|
-
<colgroup kendoGridColGroup
|
|
25549
|
-
[columns]="$any(headerLeafColumns)"
|
|
25550
|
-
[groups]="isLocked ? [] : group"
|
|
25551
|
-
[detailTemplate]="detailTemplate">
|
|
25552
|
-
</colgroup>
|
|
25553
|
-
<tfoot kendoGridFooter
|
|
25554
|
-
[logicalRowIndex]="ariaRowCount"
|
|
25555
|
-
[scrollable]="true"
|
|
25556
|
-
[groups]="isLocked ? [] : group"
|
|
25557
|
-
[columns]="$any(headerColumns)"
|
|
25558
|
-
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
25559
|
-
[detailTemplate]="detailTemplate"
|
|
25560
|
-
[totalColumns]="columnsContainer">
|
|
25561
|
-
</tfoot>
|
|
25562
|
-
</table>
|
|
25563
|
-
</div>
|
|
25564
|
-
</div>
|
|
25565
|
-
</ng-container>
|
|
25566
|
-
<ng-container *ngIf="!isScrollable">
|
|
25567
|
-
<table
|
|
25568
|
-
[style.table-layout]="resizable ? 'fixed' : null"
|
|
25569
|
-
kendoGridTable
|
|
25570
|
-
kendoGridResizableTable
|
|
25571
|
-
role="presentation"
|
|
25572
|
-
[size]="size">
|
|
25573
|
-
<colgroup kendoGridColGroup
|
|
25574
|
-
[columns]="$any(leafColumns)"
|
|
25575
|
-
[groups]="group"
|
|
25576
|
-
[detailTemplate]="detailTemplate">
|
|
25577
|
-
</colgroup>
|
|
25578
|
-
<thead kendoGridHeader
|
|
25579
|
-
*ngIf="!hideHeader"
|
|
25580
|
-
[resizable]="resizable"
|
|
25581
|
-
[scrollable]="false"
|
|
25582
|
-
[columns]="$any(visibleColumns)"
|
|
25583
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
25584
|
-
[totalColumns]="columnsContainer"
|
|
25585
|
-
[groups]="group"
|
|
25586
|
-
[groupable]="showGroupPanel"
|
|
25587
|
-
[reorderable]="reorderable"
|
|
25588
|
-
[sort]="sort"
|
|
25589
|
-
[sortable]="sortable"
|
|
25590
|
-
[filter]="filter"
|
|
25591
|
-
[filterable]="filterable"
|
|
25592
|
-
[columnMenu]="columnMenuOptions"
|
|
25593
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
25594
|
-
[detailTemplate]="detailTemplate"
|
|
25595
|
-
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
25596
|
-
</thead>
|
|
25597
|
-
<tbody kendoGridTableBody
|
|
25598
|
-
[isLoading]="loading"
|
|
25599
|
-
[groups]="group"
|
|
25475
|
+
<kendo-grid-list
|
|
25600
25476
|
[data]="$any(view)"
|
|
25477
|
+
[rowHeight]="rowHeight"
|
|
25478
|
+
[detailRowHeight]="detailRowHeight"
|
|
25479
|
+
[total]="totalCount"
|
|
25480
|
+
[take]="pageSize"
|
|
25481
|
+
[groups]="group"
|
|
25482
|
+
[groupable]="groupable"
|
|
25601
25483
|
[skip]="skip"
|
|
25602
|
-
[
|
|
25484
|
+
[trackBy]="trackBy"
|
|
25485
|
+
[columns]="columnsContainer"
|
|
25603
25486
|
[selectable]="selectable"
|
|
25604
25487
|
[filterable]="filterable"
|
|
25605
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
25606
25488
|
[detailTemplate]="detailTemplate"
|
|
25607
|
-
[
|
|
25608
|
-
[
|
|
25489
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
25490
|
+
[size]="size"
|
|
25491
|
+
(pageChange)="notifyPageChange('list', $event)"
|
|
25609
25492
|
[rowClass]="rowClass"
|
|
25493
|
+
[rowSticky]="rowSticky"
|
|
25494
|
+
[loading]="loading"
|
|
25495
|
+
[isVirtual]="isVirtual"
|
|
25496
|
+
[cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
|
|
25497
|
+
[loadingTemplate]="loadingTemplate?.templateRef"
|
|
25498
|
+
[virtualColumns]="virtualColumns"
|
|
25499
|
+
(scrollBottom)="notifyScrollBottom()"
|
|
25500
|
+
(contentScroll)="contentScroll.emit($event)"
|
|
25610
25501
|
kendoDraggable
|
|
25611
25502
|
kendoGridSelectionMarquee
|
|
25612
|
-
[enableDrag]="marqueeSelection"
|
|
25613
|
-
|
|
25614
|
-
|
|
25503
|
+
[enableDrag]="marqueeSelection"
|
|
25504
|
+
[sort]="sort">
|
|
25505
|
+
</kendo-grid-list>
|
|
25506
|
+
<div
|
|
25615
25507
|
*ngIf="showFooter"
|
|
25616
|
-
|
|
25617
|
-
[
|
|
25618
|
-
|
|
25619
|
-
|
|
25620
|
-
|
|
25621
|
-
|
|
25622
|
-
|
|
25623
|
-
|
|
25624
|
-
|
|
25625
|
-
|
|
25626
|
-
|
|
25508
|
+
class="k-grid-footer"
|
|
25509
|
+
[style.padding]="headerPadding">
|
|
25510
|
+
<div
|
|
25511
|
+
*ngIf="lockedLeafColumns.length"
|
|
25512
|
+
class="k-grid-footer-locked"
|
|
25513
|
+
[style.width.px]="lockedWidth">
|
|
25514
|
+
<table
|
|
25515
|
+
role="presentation"
|
|
25516
|
+
class="k-grid-footer-table"
|
|
25517
|
+
kendoGridResizableTable
|
|
25518
|
+
[locked]="true"
|
|
25519
|
+
[style.width.px]="lockedWidth"
|
|
25520
|
+
kendoGridTable
|
|
25521
|
+
[size]="size">
|
|
25522
|
+
<colgroup kendoGridColGroup
|
|
25523
|
+
[columns]="$any(lockedLeafColumns)"
|
|
25524
|
+
[groups]="group"
|
|
25525
|
+
[detailTemplate]="detailTemplate">
|
|
25526
|
+
</colgroup>
|
|
25527
|
+
<tfoot kendoGridFooter
|
|
25528
|
+
[scrollable]="true"
|
|
25529
|
+
[groups]="group"
|
|
25530
|
+
[columns]="$any(lockedLeafColumns)"
|
|
25531
|
+
[detailTemplate]="detailTemplate"
|
|
25532
|
+
[logicalRowIndex]="ariaRowCount"
|
|
25533
|
+
[totalColumns]="columnsContainer">
|
|
25534
|
+
</tfoot>
|
|
25535
|
+
</table>
|
|
25536
|
+
</div>
|
|
25537
|
+
<div #footer
|
|
25538
|
+
class="k-grid-footer-wrap" data-scrollable
|
|
25539
|
+
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
25540
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 3">
|
|
25541
|
+
<table
|
|
25542
|
+
role="presentation"
|
|
25543
|
+
class="k-grid-footer-table"
|
|
25544
|
+
[style.width.px]="nonLockedWidth"
|
|
25545
|
+
kendoGridTable
|
|
25546
|
+
kendoGridResizableTable
|
|
25547
|
+
[size]="size">
|
|
25548
|
+
<colgroup kendoGridColGroup
|
|
25549
|
+
[columns]="$any(headerLeafColumns)"
|
|
25550
|
+
[groups]="isLocked ? [] : group"
|
|
25551
|
+
[detailTemplate]="detailTemplate">
|
|
25552
|
+
</colgroup>
|
|
25553
|
+
<tfoot kendoGridFooter
|
|
25554
|
+
[logicalRowIndex]="ariaRowCount"
|
|
25555
|
+
[scrollable]="true"
|
|
25556
|
+
[groups]="isLocked ? [] : group"
|
|
25557
|
+
[columns]="$any(headerColumns)"
|
|
25558
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
25559
|
+
[detailTemplate]="detailTemplate"
|
|
25560
|
+
[totalColumns]="columnsContainer">
|
|
25561
|
+
</tfoot>
|
|
25562
|
+
</table>
|
|
25563
|
+
</div>
|
|
25564
|
+
</div>
|
|
25565
|
+
</ng-container>
|
|
25566
|
+
<ng-container *ngIf="!isScrollable">
|
|
25567
|
+
<table
|
|
25568
|
+
[style.table-layout]="resizable ? 'fixed' : null"
|
|
25569
|
+
kendoGridTable
|
|
25570
|
+
kendoGridResizableTable
|
|
25571
|
+
role="presentation"
|
|
25572
|
+
[size]="size">
|
|
25573
|
+
<colgroup kendoGridColGroup
|
|
25574
|
+
[columns]="$any(leafColumns)"
|
|
25575
|
+
[groups]="group"
|
|
25576
|
+
[detailTemplate]="detailTemplate">
|
|
25577
|
+
</colgroup>
|
|
25578
|
+
<thead kendoGridHeader
|
|
25579
|
+
*ngIf="!hideHeader"
|
|
25580
|
+
[resizable]="resizable"
|
|
25581
|
+
[scrollable]="false"
|
|
25582
|
+
[columns]="$any(visibleColumns)"
|
|
25583
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
25584
|
+
[totalColumns]="columnsContainer"
|
|
25585
|
+
[groups]="group"
|
|
25586
|
+
[groupable]="showGroupPanel"
|
|
25587
|
+
[reorderable]="reorderable"
|
|
25588
|
+
[sort]="sort"
|
|
25589
|
+
[sortable]="sortable"
|
|
25590
|
+
[filter]="filter"
|
|
25591
|
+
[filterable]="filterable"
|
|
25592
|
+
[columnMenu]="columnMenuOptions"
|
|
25593
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
25594
|
+
[detailTemplate]="detailTemplate"
|
|
25595
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
25596
|
+
</thead>
|
|
25597
|
+
<tbody kendoGridTableBody
|
|
25598
|
+
[isLoading]="loading"
|
|
25599
|
+
[groups]="group"
|
|
25600
|
+
[data]="$any(view)"
|
|
25601
|
+
[skip]="skip"
|
|
25602
|
+
[columns]="$any(leafColumns)"
|
|
25603
|
+
[selectable]="selectable"
|
|
25604
|
+
[filterable]="filterable"
|
|
25605
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
25606
|
+
[detailTemplate]="detailTemplate"
|
|
25607
|
+
[showGroupFooters]="showGroupFooters"
|
|
25608
|
+
[trackBy]="trackBy"
|
|
25609
|
+
[rowClass]="rowClass"
|
|
25610
|
+
kendoDraggable
|
|
25611
|
+
kendoGridSelectionMarquee
|
|
25612
|
+
[enableDrag]="marqueeSelection">
|
|
25613
|
+
</tbody>
|
|
25614
|
+
<tfoot kendoGridFooter
|
|
25615
|
+
*ngIf="showFooter"
|
|
25616
|
+
[scrollable]="false"
|
|
25617
|
+
[logicalRowIndex]="ariaRowCount"
|
|
25618
|
+
[groups]="group"
|
|
25619
|
+
[columns]="$any(leafColumns)"
|
|
25620
|
+
[detailTemplate]="detailTemplate"
|
|
25621
|
+
[totalColumns]="columnsContainer">
|
|
25622
|
+
</tfoot>
|
|
25623
|
+
</table>
|
|
25624
|
+
</ng-container>
|
|
25625
|
+
<div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
|
|
25626
|
+
</div>
|
|
25627
25627
|
<kendo-grid-status-bar
|
|
25628
25628
|
*ngIf="showStatusBar"
|
|
25629
25629
|
[statusBarTemplate]="statusBarTemplate">
|