@progress/kendo-angular-grid 13.0.0-develop.8 → 13.0.0
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/aggregates/aggregate-types.d.ts +58 -0
- package/aggregates/status-bar-template.directive.d.ts +19 -0
- package/aggregates/status-bar.component.d.ts +53 -0
- package/column-menu/column-menu.component.d.ts +1 -1
- package/esm2020/aggregates/aggregate-types.mjs +6 -0
- package/esm2020/aggregates/status-bar-template.directive.mjs +26 -0
- package/esm2020/aggregates/status-bar.component.mjs +236 -0
- package/esm2020/column-menu/column-menu.component.mjs +6 -6
- package/esm2020/filtering/cell/boolean-filter-cell.component.mjs +1 -1
- package/esm2020/filtering/cell/filter-cell-operators.component.mjs +15 -1
- package/esm2020/filtering/cell/filter-cell-wrapper.component.mjs +3 -1
- package/esm2020/filtering/cell/string-filter-cell.component.mjs +1 -1
- package/esm2020/filtering/filter-input.directive.mjs +5 -1
- package/esm2020/grid.component.mjs +574 -540
- package/esm2020/grid.module.mjs +10 -2
- package/esm2020/grouping/group-panel.component.mjs +2 -2
- package/esm2020/index.mjs +1 -0
- package/esm2020/localization/messages.mjs +5 -1
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/rendering/list.component.mjs +12 -14
- package/esm2020/selection/cell-selection.service.mjs +20 -1
- package/esm2020/selection/selection-checkbox.directive.mjs +2 -0
- package/esm2020/selection/selection-default.mjs +14 -1
- package/esm2020/selection/selection.service.mjs +31 -5
- package/fesm2015/progress-kendo-angular-grid.mjs +926 -572
- package/fesm2020/progress-kendo-angular-grid.mjs +927 -572
- package/filtering/cell/filter-cell-operators.component.d.ts +10 -1
- package/grid.component.d.ts +10 -1
- package/grid.module.d.ts +100 -98
- package/grouping/group-panel.component.d.ts +0 -1
- package/index.d.ts +2 -0
- package/localization/messages.d.ts +25 -1
- package/package.json +16 -16
- package/schematics/ngAdd/index.js +3 -3
- package/selection/cell-selection.service.d.ts +3 -0
- package/selection/selection-default.d.ts +17 -2
- package/selection/selection.service.d.ts +8 -2
- package/selection/types.d.ts +27 -0
|
@@ -75,6 +75,7 @@ import { SizingOptionsService } from './layout/sizing-options.service';
|
|
|
75
75
|
import { guid } from '@progress/kendo-angular-common';
|
|
76
76
|
import { DragTargetContainerDirective, DropTargetContainerDirective } from '@progress/kendo-angular-utils';
|
|
77
77
|
import { RowReorderService } from './row-reordering/row-reorder.service';
|
|
78
|
+
import { StatusBarTemplateDirective } from './aggregates/status-bar-template.directive';
|
|
78
79
|
import * as i0 from "@angular/core";
|
|
79
80
|
import * as i1 from "./layout/browser-support.service";
|
|
80
81
|
import * as i2 from "./selection/selection.service";
|
|
@@ -109,15 +110,16 @@ import * as i30 from "./rendering/list.component";
|
|
|
109
110
|
import * as i31 from "./rendering/footer/footer.component";
|
|
110
111
|
import * as i32 from "./rendering/table-body.component";
|
|
111
112
|
import * as i33 from "./rendering/common/loading.component";
|
|
112
|
-
import * as i34 from "
|
|
113
|
-
import * as i35 from "
|
|
114
|
-
import * as i36 from "
|
|
115
|
-
import * as i37 from "
|
|
116
|
-
import * as i38 from "./
|
|
117
|
-
import * as i39 from "./
|
|
118
|
-
import * as i40 from "
|
|
119
|
-
import * as i41 from "@progress/kendo-angular-
|
|
120
|
-
import * as i42 from "
|
|
113
|
+
import * as i34 from "./aggregates/status-bar.component";
|
|
114
|
+
import * as i35 from "@progress/kendo-angular-icons";
|
|
115
|
+
import * as i36 from "./localization/localized-messages.directive";
|
|
116
|
+
import * as i37 from "@angular/common";
|
|
117
|
+
import * as i38 from "./column-resizing/table.directive";
|
|
118
|
+
import * as i39 from "./rendering/grid-table.directive";
|
|
119
|
+
import * as i40 from "./layout/resizable.directive";
|
|
120
|
+
import * as i41 from "@progress/kendo-angular-utils";
|
|
121
|
+
import * as i42 from "@progress/kendo-angular-common";
|
|
122
|
+
import * as i43 from "./selection/marquee.directive";
|
|
121
123
|
const createControl = (source) => (acc, key) => {
|
|
122
124
|
acc[key] = new FormControl(source[key]);
|
|
123
125
|
return acc;
|
|
@@ -509,6 +511,12 @@ export class GridComponent {
|
|
|
509
511
|
get group() {
|
|
510
512
|
return this._group;
|
|
511
513
|
}
|
|
514
|
+
/**
|
|
515
|
+
* @hidden
|
|
516
|
+
*/
|
|
517
|
+
get showStatusBar() {
|
|
518
|
+
return !!(this.selectable);
|
|
519
|
+
}
|
|
512
520
|
/**
|
|
513
521
|
* @hidden
|
|
514
522
|
*/
|
|
@@ -742,6 +750,15 @@ export class GridComponent {
|
|
|
742
750
|
set loadingTemplate(loadingTemplate) {
|
|
743
751
|
this._loadingTemplate = loadingTemplate;
|
|
744
752
|
}
|
|
753
|
+
get statusBarTemplate() {
|
|
754
|
+
if (this._statusBarTemplate) {
|
|
755
|
+
return this._statusBarTemplate;
|
|
756
|
+
}
|
|
757
|
+
return this.statusBarTemplateChildren ? this.statusBarTemplateChildren.first : undefined;
|
|
758
|
+
}
|
|
759
|
+
set statusBarTemplate(statusBarTemplate) {
|
|
760
|
+
this._statusBarTemplate = statusBarTemplate;
|
|
761
|
+
}
|
|
745
762
|
get noRecordsTemplate() {
|
|
746
763
|
if (this._customNoRecordsTemplate) {
|
|
747
764
|
return this._customNoRecordsTemplate;
|
|
@@ -791,7 +808,7 @@ export class GridComponent {
|
|
|
791
808
|
return this.groupable && this.groupable.showFooter;
|
|
792
809
|
}
|
|
793
810
|
get ariaRowCount() {
|
|
794
|
-
return this.totalColumnLevels + 1 + this.view.total;
|
|
811
|
+
return this.totalColumnLevels + 1 + this.view.total + (hasFilterRow(this.filterable) ? 1 : 0);
|
|
795
812
|
}
|
|
796
813
|
get ariaColCount() {
|
|
797
814
|
return this.columnsContainer.leafColumnsToRender.length;
|
|
@@ -2003,7 +2020,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
2003
2020
|
ContextService,
|
|
2004
2021
|
SizingOptionsService,
|
|
2005
2022
|
RowReorderService
|
|
2006
|
-
], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "detailTemplateChildren", predicate: DetailTemplateDirective }, { propertyName: "cellLoadingTemplateChildren", predicate: CellLoadingTemplateDirective }, { propertyName: "loadingTemplateChildren", predicate: LoadingTemplateDirective }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
|
|
2023
|
+
], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "detailTemplateChildren", predicate: DetailTemplateDirective }, { propertyName: "cellLoadingTemplateChildren", predicate: CellLoadingTemplateDirective }, { propertyName: "loadingTemplateChildren", predicate: LoadingTemplateDirective }, { propertyName: "statusBarTemplateChildren", predicate: StatusBarTemplateDirective }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
|
|
2007
2024
|
<ng-container kendoGridLocalizedMessages
|
|
2008
2025
|
i18n-groupPanelEmpty="kendo.grid.groupPanelEmpty|The label visible in the Grid group panel when it is empty"
|
|
2009
2026
|
groupPanelEmpty="Drag a column header and drop it here to group by that column"
|
|
@@ -2052,6 +2069,12 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
2052
2069
|
|
|
2053
2070
|
i18n-filterMenuOperatorsDropDownLabel="kendo.grid.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
|
|
2054
2071
|
filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
|
|
2072
|
+
|
|
2073
|
+
i18n-filterCellOperatorLabel="kendo.grid.filterCellOperatorLabel|The label of the filter cell operators dropdown"
|
|
2074
|
+
filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
|
|
2075
|
+
|
|
2076
|
+
i18n-booleanFilterCellLabel="kendo.grid.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
|
|
2077
|
+
booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
|
|
2055
2078
|
|
|
2056
2079
|
i18n-filterMenuLogicDropDownLabel="kendo.grid.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
|
|
2057
2080
|
filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
|
|
@@ -2251,285 +2274,286 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
2251
2274
|
[navigable]="navigation.toolbarEnabled"
|
|
2252
2275
|
[attr.aria-controls]="ariaRootId"
|
|
2253
2276
|
position="top"></kendo-grid-toolbar>
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
role="presentation"
|
|
2292
|
-
class="k-grid-header-locked"
|
|
2293
|
-
[style.width.px]="lockedWidth">
|
|
2294
|
-
<table
|
|
2295
|
-
[locked]="true"
|
|
2277
|
+
<kendo-pager
|
|
2278
|
+
*ngIf="showTopPager"
|
|
2279
|
+
[tabindex]="navigation.pagerEnabled ? '0' : '-1'"
|
|
2280
|
+
[attr.role]="navigation.pagerEnabled ? 'application' : undefined"
|
|
2281
|
+
class="k-grid-pager-top k-pager"
|
|
2282
|
+
[template]="pagerTemplate"
|
|
2283
|
+
[pageSize]="pageSize"
|
|
2284
|
+
[total]="view.total"
|
|
2285
|
+
[skip]="skip"
|
|
2286
|
+
[size]="size"
|
|
2287
|
+
[options]="pageable"
|
|
2288
|
+
(pageChange)="notifyPageChange('pager', $event)">
|
|
2289
|
+
</kendo-pager>
|
|
2290
|
+
<kendo-grid-group-panel
|
|
2291
|
+
*ngIf="showGroupPanel"
|
|
2292
|
+
[navigable]="navigation.toolbarEnabled"
|
|
2293
|
+
[text]="groupableEmptyText"
|
|
2294
|
+
[groups]="group"
|
|
2295
|
+
role="toolbar"
|
|
2296
|
+
[attr.aria-label]="messageFor('groupPanelLabel')"
|
|
2297
|
+
[attr.aria-controls]="ariaRootId"
|
|
2298
|
+
(change)="groupChange.emit($event)">
|
|
2299
|
+
</kendo-grid-group-panel>
|
|
2300
|
+
<div #ariaRoot
|
|
2301
|
+
class="k-grid-aria-root"
|
|
2302
|
+
role="grid"
|
|
2303
|
+
[id]="ariaRootId"
|
|
2304
|
+
[attr.aria-label]="ariaLabel"
|
|
2305
|
+
[attr.aria-rowcount]="ariaRowCount"
|
|
2306
|
+
[attr.aria-colcount]="ariaColCount">
|
|
2307
|
+
<ng-container *ngIf="isScrollable">
|
|
2308
|
+
<div *ngIf="!hideHeader"
|
|
2309
|
+
class="k-grid-header"
|
|
2310
|
+
role="presentation"
|
|
2311
|
+
[style.padding]="headerPadding">
|
|
2312
|
+
<div *ngIf="isLocked"
|
|
2313
|
+
#lockedHeader
|
|
2296
2314
|
role="presentation"
|
|
2297
|
-
class="k-grid-header-
|
|
2298
|
-
[style.width.px]="lockedWidth"
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
<colgroup kendoGridColGroup
|
|
2315
|
+
class="k-grid-header-locked"
|
|
2316
|
+
[style.width.px]="lockedWidth">
|
|
2317
|
+
<table
|
|
2318
|
+
[locked]="true"
|
|
2302
2319
|
role="presentation"
|
|
2303
|
-
|
|
2304
|
-
[
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
[
|
|
2335
|
-
[
|
|
2336
|
-
|
|
2337
|
-
[size]="size">
|
|
2338
|
-
<colgroup kendoGridColGroup
|
|
2320
|
+
class="k-grid-header-table"
|
|
2321
|
+
[style.width.px]="lockedWidth"
|
|
2322
|
+
kendoGridTable
|
|
2323
|
+
[size]="size">
|
|
2324
|
+
<colgroup kendoGridColGroup
|
|
2325
|
+
[columns]="$any(lockedLeafColumns)"
|
|
2326
|
+
[groups]="group"
|
|
2327
|
+
[detailTemplate]="detailTemplate">
|
|
2328
|
+
</colgroup>
|
|
2329
|
+
<thead kendoGridHeader
|
|
2330
|
+
role="rowgroup"
|
|
2331
|
+
[resizable]="resizable"
|
|
2332
|
+
[scrollable]="true"
|
|
2333
|
+
[columns]="$any(lockedColumns)"
|
|
2334
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2335
|
+
[sort]="sort"
|
|
2336
|
+
[groups]="group"
|
|
2337
|
+
[filter]="filter"
|
|
2338
|
+
[filterable]="filterable"
|
|
2339
|
+
[groupable]="showGroupPanel"
|
|
2340
|
+
[reorderable]="reorderable"
|
|
2341
|
+
[sortable]="sortable"
|
|
2342
|
+
[columnMenu]="columnMenuOptions"
|
|
2343
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2344
|
+
[totalColumnsCount]="leafColumns.length"
|
|
2345
|
+
[detailTemplate]="detailTemplate"
|
|
2346
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
2347
|
+
</thead>
|
|
2348
|
+
</table>
|
|
2349
|
+
</div>
|
|
2350
|
+
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
2351
|
+
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
2352
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
2353
|
+
<table
|
|
2339
2354
|
role="presentation"
|
|
2340
|
-
|
|
2341
|
-
[
|
|
2342
|
-
[
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2355
|
+
class="k-grid-header-table"
|
|
2356
|
+
[style.width.px]="nonLockedWidth"
|
|
2357
|
+
[virtualColumns]="virtualColumns"
|
|
2358
|
+
kendoGridTable
|
|
2359
|
+
[size]="size">
|
|
2360
|
+
<colgroup kendoGridColGroup
|
|
2361
|
+
[columns]="headerLeafColumns"
|
|
2362
|
+
[groups]="isLocked ? [] : group"
|
|
2363
|
+
[detailTemplate]="detailTemplate">
|
|
2364
|
+
</colgroup>
|
|
2365
|
+
<thead kendoGridHeader
|
|
2366
|
+
[resizable]="resizable"
|
|
2367
|
+
role="rowgroup"
|
|
2368
|
+
[scrollable]="true"
|
|
2369
|
+
[columns]="headerColumns"
|
|
2370
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2371
|
+
[sort]="sort"
|
|
2372
|
+
[filter]="filter"
|
|
2373
|
+
[filterable]="filterable"
|
|
2374
|
+
[groupable]="showGroupPanel"
|
|
2375
|
+
[reorderable]="reorderable"
|
|
2376
|
+
[groups]="isLocked ? [] : group"
|
|
2377
|
+
[sortable]="sortable"
|
|
2378
|
+
[columnMenu]="columnMenuOptions"
|
|
2379
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2380
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2381
|
+
[totalColumnsCount]="leafColumns.length"
|
|
2382
|
+
[detailTemplate]="detailTemplate"
|
|
2383
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
2384
|
+
</thead>
|
|
2385
|
+
</table>
|
|
2386
|
+
<div *ngIf="virtualColumns" class="k-width-container" role="presentation">
|
|
2387
|
+
<div [style.width.px]="columnsContainer.unlockedWidth"></div>
|
|
2388
|
+
</div>
|
|
2367
2389
|
</div>
|
|
2368
2390
|
</div>
|
|
2369
|
-
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
[dragData]="gridData"
|
|
2388
|
-
[data]="$any(view)"
|
|
2389
|
-
[rowHeight]="rowHeight"
|
|
2390
|
-
[detailRowHeight]="detailRowHeight"
|
|
2391
|
-
[total]="totalCount"
|
|
2392
|
-
[take]="pageSize"
|
|
2393
|
-
[groups]="group"
|
|
2394
|
-
[groupable]="groupable"
|
|
2395
|
-
[skip]="skip"
|
|
2396
|
-
[trackBy]="trackBy"
|
|
2397
|
-
[columns]="columnsContainer"
|
|
2398
|
-
[selectable]="selectable"
|
|
2399
|
-
[filterable]="filterable"
|
|
2400
|
-
[detailTemplate]="detailTemplate"
|
|
2401
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
2402
|
-
[size]="size"
|
|
2403
|
-
(pageChange)="notifyPageChange('list', $event)"
|
|
2404
|
-
[rowClass]="rowClass"
|
|
2405
|
-
[rowSticky]="rowSticky"
|
|
2406
|
-
[loading]="loading"
|
|
2407
|
-
[isVirtual]="isVirtual"
|
|
2408
|
-
[cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
|
|
2409
|
-
[loadingTemplate]="loadingTemplate?.templateRef"
|
|
2410
|
-
[virtualColumns]="virtualColumns"
|
|
2411
|
-
(scrollBottom)="notifyScrollBottom()"
|
|
2412
|
-
(contentScroll)="contentScroll.emit($event)"
|
|
2413
|
-
kendoDraggable
|
|
2414
|
-
kendoGridSelectionMarquee
|
|
2415
|
-
[enableDrag]="marqueeSelection"
|
|
2416
|
-
[sort]="sort"
|
|
2417
|
-
>
|
|
2418
|
-
</kendo-grid-list>
|
|
2419
|
-
<div
|
|
2420
|
-
*ngIf="showFooter"
|
|
2421
|
-
class="k-grid-footer"
|
|
2422
|
-
[style.padding]="headerPadding">
|
|
2423
|
-
<div
|
|
2424
|
-
*ngIf="lockedLeafColumns.length"
|
|
2425
|
-
class="k-grid-footer-locked"
|
|
2426
|
-
[style.width.px]="lockedWidth">
|
|
2427
|
-
<table
|
|
2428
|
-
role="presentation"
|
|
2429
|
-
class="k-grid-footer-table"
|
|
2430
|
-
[locked]="true"
|
|
2431
|
-
[style.width.px]="lockedWidth"
|
|
2432
|
-
kendoGridTable
|
|
2433
|
-
[size]="size">
|
|
2434
|
-
<colgroup kendoGridColGroup
|
|
2435
|
-
[columns]="$any(lockedLeafColumns)"
|
|
2436
|
-
[groups]="group"
|
|
2437
|
-
[detailTemplate]="detailTemplate">
|
|
2438
|
-
</colgroup>
|
|
2439
|
-
<tfoot kendoGridFooter
|
|
2440
|
-
[scrollable]="true"
|
|
2441
|
-
[groups]="group"
|
|
2442
|
-
[columns]="$any(lockedLeafColumns)"
|
|
2443
|
-
[detailTemplate]="detailTemplate"
|
|
2444
|
-
[logicalRowIndex]="ariaRowCount">
|
|
2445
|
-
</tfoot>
|
|
2446
|
-
</table>
|
|
2447
|
-
</div>
|
|
2448
|
-
<div #footer
|
|
2449
|
-
class="k-grid-footer-wrap" data-scrollable
|
|
2450
|
-
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
2451
|
-
[lockedWidth]="lockedWidth + scrollbarWidth + 3">
|
|
2452
|
-
<table
|
|
2453
|
-
role="presentation"
|
|
2454
|
-
class="k-grid-footer-table"
|
|
2455
|
-
[style.width.px]="nonLockedWidth"
|
|
2456
|
-
kendoGridTable
|
|
2457
|
-
[size]="size">
|
|
2458
|
-
<colgroup kendoGridColGroup
|
|
2459
|
-
[columns]="$any(nonLockedLeafColumns)"
|
|
2460
|
-
[groups]="isLocked ? [] : group"
|
|
2461
|
-
[detailTemplate]="detailTemplate">
|
|
2462
|
-
</colgroup>
|
|
2463
|
-
<tfoot kendoGridFooter
|
|
2464
|
-
[logicalRowIndex]="ariaRowCount"
|
|
2465
|
-
[scrollable]="true"
|
|
2466
|
-
[groups]="isLocked ? [] : group"
|
|
2467
|
-
[columns]="$any(nonLockedLeafColumns)"
|
|
2468
|
-
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2469
|
-
[detailTemplate]="detailTemplate">
|
|
2470
|
-
</tfoot>
|
|
2471
|
-
</table>
|
|
2472
|
-
</div>
|
|
2473
|
-
</div>
|
|
2474
|
-
</ng-container>
|
|
2475
|
-
<ng-container *ngIf="!isScrollable">
|
|
2476
|
-
<table
|
|
2477
|
-
[style.table-layout]="resizable ? 'fixed' : null"
|
|
2478
|
-
kendoGridTable
|
|
2479
|
-
[size]="size">
|
|
2480
|
-
<colgroup kendoGridColGroup
|
|
2481
|
-
[columns]="$any(leafColumns)"
|
|
2482
|
-
[groups]="group"
|
|
2483
|
-
[detailTemplate]="detailTemplate">
|
|
2484
|
-
</colgroup>
|
|
2485
|
-
<thead kendoGridHeader
|
|
2486
|
-
*ngIf="!hideHeader"
|
|
2487
|
-
[resizable]="resizable"
|
|
2488
|
-
[scrollable]="false"
|
|
2489
|
-
[columns]="$any(visibleColumns)"
|
|
2490
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
2491
|
-
[groups]="group"
|
|
2492
|
-
[groupable]="showGroupPanel"
|
|
2493
|
-
[reorderable]="reorderable"
|
|
2494
|
-
[sort]="sort"
|
|
2495
|
-
[sortable]="sortable"
|
|
2496
|
-
[filter]="filter"
|
|
2497
|
-
[filterable]="filterable"
|
|
2498
|
-
[columnMenu]="columnMenuOptions"
|
|
2499
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
2500
|
-
[detailTemplate]="detailTemplate"
|
|
2501
|
-
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
2502
|
-
</thead>
|
|
2503
|
-
<tbody kendoGridTableBody
|
|
2504
|
-
[isLoading]="loading"
|
|
2505
|
-
[groups]="group"
|
|
2391
|
+
<kendo-grid-list
|
|
2392
|
+
kendoDragTargetContainer
|
|
2393
|
+
kendoDropTargetContainer
|
|
2394
|
+
mode="manual"
|
|
2395
|
+
[dragDisabled]="!rowReorderable"
|
|
2396
|
+
[dropDisabled]="!rowReorderable"
|
|
2397
|
+
[dragTargetFilter]="getDefaultSelectors('dragTarget')"
|
|
2398
|
+
[dropTargetFilter]="getDefaultSelectors('dropTarget')"
|
|
2399
|
+
[dragHandle]="getDefaultSelectors('handle')"
|
|
2400
|
+
[hint]="{hintTemplate: defaultHint}"
|
|
2401
|
+
(onPress)="handleReorderEvents($event, 'press')"
|
|
2402
|
+
(onDragStart)="handleReorderEvents($event, 'dragStart')"
|
|
2403
|
+
(onDrag)="handleReorderEvents($event, 'drag')"
|
|
2404
|
+
(onDragEnter)="handleReorderEvents($event, 'dragEnter')"
|
|
2405
|
+
(onDragLeave)="handleReorderEvents($event, 'dragLeave')"
|
|
2406
|
+
(onDragEnd)="handleReorderEvents($event, 'dragEnd')"
|
|
2407
|
+
(onDrop)="handleReorderEvents($event, 'drop')"
|
|
2408
|
+
[dragData]="gridData"
|
|
2506
2409
|
[data]="$any(view)"
|
|
2410
|
+
[rowHeight]="rowHeight"
|
|
2411
|
+
[detailRowHeight]="detailRowHeight"
|
|
2412
|
+
[total]="totalCount"
|
|
2413
|
+
[take]="pageSize"
|
|
2414
|
+
[groups]="group"
|
|
2415
|
+
[groupable]="groupable"
|
|
2507
2416
|
[skip]="skip"
|
|
2508
|
-
[
|
|
2417
|
+
[trackBy]="trackBy"
|
|
2418
|
+
[columns]="columnsContainer"
|
|
2509
2419
|
[selectable]="selectable"
|
|
2510
2420
|
[filterable]="filterable"
|
|
2511
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
2512
2421
|
[detailTemplate]="detailTemplate"
|
|
2513
|
-
[
|
|
2514
|
-
[
|
|
2422
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
2423
|
+
[size]="size"
|
|
2424
|
+
(pageChange)="notifyPageChange('list', $event)"
|
|
2515
2425
|
[rowClass]="rowClass"
|
|
2426
|
+
[rowSticky]="rowSticky"
|
|
2427
|
+
[loading]="loading"
|
|
2428
|
+
[isVirtual]="isVirtual"
|
|
2429
|
+
[cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
|
|
2430
|
+
[loadingTemplate]="loadingTemplate?.templateRef"
|
|
2431
|
+
[virtualColumns]="virtualColumns"
|
|
2432
|
+
(scrollBottom)="notifyScrollBottom()"
|
|
2433
|
+
(contentScroll)="contentScroll.emit($event)"
|
|
2516
2434
|
kendoDraggable
|
|
2517
2435
|
kendoGridSelectionMarquee
|
|
2518
|
-
[enableDrag]="marqueeSelection"
|
|
2519
|
-
|
|
2520
|
-
|
|
2436
|
+
[enableDrag]="marqueeSelection"
|
|
2437
|
+
[sort]="sort">
|
|
2438
|
+
</kendo-grid-list>
|
|
2439
|
+
<div
|
|
2521
2440
|
*ngIf="showFooter"
|
|
2522
|
-
|
|
2523
|
-
[
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2441
|
+
class="k-grid-footer"
|
|
2442
|
+
[style.padding]="headerPadding">
|
|
2443
|
+
<div
|
|
2444
|
+
*ngIf="lockedLeafColumns.length"
|
|
2445
|
+
class="k-grid-footer-locked"
|
|
2446
|
+
[style.width.px]="lockedWidth">
|
|
2447
|
+
<table
|
|
2448
|
+
role="presentation"
|
|
2449
|
+
class="k-grid-footer-table"
|
|
2450
|
+
[locked]="true"
|
|
2451
|
+
[style.width.px]="lockedWidth"
|
|
2452
|
+
kendoGridTable
|
|
2453
|
+
[size]="size">
|
|
2454
|
+
<colgroup kendoGridColGroup
|
|
2455
|
+
[columns]="$any(lockedLeafColumns)"
|
|
2456
|
+
[groups]="group"
|
|
2457
|
+
[detailTemplate]="detailTemplate">
|
|
2458
|
+
</colgroup>
|
|
2459
|
+
<tfoot kendoGridFooter
|
|
2460
|
+
[scrollable]="true"
|
|
2461
|
+
[groups]="group"
|
|
2462
|
+
[columns]="$any(lockedLeafColumns)"
|
|
2463
|
+
[detailTemplate]="detailTemplate"
|
|
2464
|
+
[logicalRowIndex]="ariaRowCount">
|
|
2465
|
+
</tfoot>
|
|
2466
|
+
</table>
|
|
2467
|
+
</div>
|
|
2468
|
+
<div #footer
|
|
2469
|
+
class="k-grid-footer-wrap" data-scrollable
|
|
2470
|
+
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
2471
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 3">
|
|
2472
|
+
<table
|
|
2473
|
+
role="presentation"
|
|
2474
|
+
class="k-grid-footer-table"
|
|
2475
|
+
[style.width.px]="nonLockedWidth"
|
|
2476
|
+
kendoGridTable
|
|
2477
|
+
[size]="size">
|
|
2478
|
+
<colgroup kendoGridColGroup
|
|
2479
|
+
[columns]="$any(nonLockedLeafColumns)"
|
|
2480
|
+
[groups]="isLocked ? [] : group"
|
|
2481
|
+
[detailTemplate]="detailTemplate">
|
|
2482
|
+
</colgroup>
|
|
2483
|
+
<tfoot kendoGridFooter
|
|
2484
|
+
[logicalRowIndex]="ariaRowCount"
|
|
2485
|
+
[scrollable]="true"
|
|
2486
|
+
[groups]="isLocked ? [] : group"
|
|
2487
|
+
[columns]="$any(nonLockedLeafColumns)"
|
|
2488
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2489
|
+
[detailTemplate]="detailTemplate">
|
|
2490
|
+
</tfoot>
|
|
2491
|
+
</table>
|
|
2492
|
+
</div>
|
|
2493
|
+
</div>
|
|
2494
|
+
</ng-container>
|
|
2495
|
+
<ng-container *ngIf="!isScrollable">
|
|
2496
|
+
<table
|
|
2497
|
+
[style.table-layout]="resizable ? 'fixed' : null"
|
|
2498
|
+
kendoGridTable
|
|
2499
|
+
[size]="size">
|
|
2500
|
+
<colgroup kendoGridColGroup
|
|
2501
|
+
[columns]="$any(leafColumns)"
|
|
2502
|
+
[groups]="group"
|
|
2503
|
+
[detailTemplate]="detailTemplate">
|
|
2504
|
+
</colgroup>
|
|
2505
|
+
<thead kendoGridHeader
|
|
2506
|
+
*ngIf="!hideHeader"
|
|
2507
|
+
[resizable]="resizable"
|
|
2508
|
+
[scrollable]="false"
|
|
2509
|
+
[columns]="$any(visibleColumns)"
|
|
2510
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2511
|
+
[groups]="group"
|
|
2512
|
+
[groupable]="showGroupPanel"
|
|
2513
|
+
[reorderable]="reorderable"
|
|
2514
|
+
[sort]="sort"
|
|
2515
|
+
[sortable]="sortable"
|
|
2516
|
+
[filter]="filter"
|
|
2517
|
+
[filterable]="filterable"
|
|
2518
|
+
[columnMenu]="columnMenuOptions"
|
|
2519
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2520
|
+
[detailTemplate]="detailTemplate"
|
|
2521
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
2522
|
+
</thead>
|
|
2523
|
+
<tbody kendoGridTableBody
|
|
2524
|
+
[isLoading]="loading"
|
|
2525
|
+
[groups]="group"
|
|
2526
|
+
[data]="$any(view)"
|
|
2527
|
+
[skip]="skip"
|
|
2528
|
+
[columns]="$any(leafColumns)"
|
|
2529
|
+
[selectable]="selectable"
|
|
2530
|
+
[filterable]="filterable"
|
|
2531
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
2532
|
+
[detailTemplate]="detailTemplate"
|
|
2533
|
+
[showGroupFooters]="showGroupFooters"
|
|
2534
|
+
[trackBy]="trackBy"
|
|
2535
|
+
[rowClass]="rowClass"
|
|
2536
|
+
kendoDraggable
|
|
2537
|
+
kendoGridSelectionMarquee
|
|
2538
|
+
[enableDrag]="marqueeSelection">
|
|
2539
|
+
</tbody>
|
|
2540
|
+
<tfoot kendoGridFooter
|
|
2541
|
+
*ngIf="showFooter"
|
|
2542
|
+
[scrollable]="false"
|
|
2543
|
+
[logicalRowIndex]="ariaRowCount"
|
|
2544
|
+
[groups]="group"
|
|
2545
|
+
[columns]="$any(leafColumns)"
|
|
2546
|
+
[detailTemplate]="detailTemplate">
|
|
2547
|
+
</tfoot>
|
|
2548
|
+
</table>
|
|
2549
|
+
</ng-container>
|
|
2550
|
+
<div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
|
|
2532
2551
|
</div>
|
|
2552
|
+
<kendo-grid-status-bar
|
|
2553
|
+
*ngIf="showStatusBar"
|
|
2554
|
+
[selectableSettings]="selectable"
|
|
2555
|
+
[statusBarTemplate]="statusBarTemplate">
|
|
2556
|
+
</kendo-grid-status-bar>
|
|
2533
2557
|
<kendo-pager
|
|
2534
2558
|
*ngIf="showBottomPager"
|
|
2535
2559
|
[tabindex]="navigation.pagerEnabled ? '0' : '-1'"
|
|
@@ -2561,7 +2585,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
2561
2585
|
</kendo-icon-wrapper>
|
|
2562
2586
|
{{hintText}}
|
|
2563
2587
|
</ng-template>
|
|
2564
|
-
`, isInline: true, components: [{ type: i25.ToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { type: i26.PagerComponent, selector: "kendo-pager", inputs: ["total", "skip", "pageSize", "options", "size", "template"], outputs: ["pageChange"] }, { type: i27.GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { type: i28.ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { type: i29.HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "tabIndex", "size"] }, { type: i30.ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { type: i31.FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex"] }, { type: i32.TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "rowClass"] }, { type: i33.LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { type: i34.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type:
|
|
2588
|
+
`, isInline: true, components: [{ type: i25.ToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { type: i26.PagerComponent, selector: "kendo-pager", inputs: ["total", "skip", "pageSize", "options", "size", "template"], outputs: ["pageChange"] }, { type: i27.GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { type: i28.ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { type: i29.HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "tabIndex", "size"] }, { type: i30.ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { type: i31.FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex"] }, { type: i32.TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "rowClass"] }, { type: i33.LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { type: i34.StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["selectableSettings", "statusBarTemplate"] }, { type: i35.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i36.LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { type: i37.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i38.TableDirective, selector: "table", inputs: ["locked", "virtualColumns"] }, { type: i39.GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { type: i40.ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { type: i41.DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { type: i41.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { type: i42.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i43.GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
2565
2589
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridComponent, decorators: [{
|
|
2566
2590
|
type: Component,
|
|
2567
2591
|
args: [{
|
|
@@ -2661,6 +2685,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2661
2685
|
|
|
2662
2686
|
i18n-filterMenuOperatorsDropDownLabel="kendo.grid.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
|
|
2663
2687
|
filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
|
|
2688
|
+
|
|
2689
|
+
i18n-filterCellOperatorLabel="kendo.grid.filterCellOperatorLabel|The label of the filter cell operators dropdown"
|
|
2690
|
+
filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
|
|
2691
|
+
|
|
2692
|
+
i18n-booleanFilterCellLabel="kendo.grid.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
|
|
2693
|
+
booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
|
|
2664
2694
|
|
|
2665
2695
|
i18n-filterMenuLogicDropDownLabel="kendo.grid.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
|
|
2666
2696
|
filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
|
|
@@ -2860,285 +2890,286 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2860
2890
|
[navigable]="navigation.toolbarEnabled"
|
|
2861
2891
|
[attr.aria-controls]="ariaRootId"
|
|
2862
2892
|
position="top"></kendo-grid-toolbar>
|
|
2863
|
-
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
2872
|
-
|
|
2873
|
-
|
|
2874
|
-
|
|
2875
|
-
|
|
2876
|
-
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
2894
|
-
|
|
2895
|
-
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
role="presentation"
|
|
2901
|
-
class="k-grid-header-locked"
|
|
2902
|
-
[style.width.px]="lockedWidth">
|
|
2903
|
-
<table
|
|
2904
|
-
[locked]="true"
|
|
2893
|
+
<kendo-pager
|
|
2894
|
+
*ngIf="showTopPager"
|
|
2895
|
+
[tabindex]="navigation.pagerEnabled ? '0' : '-1'"
|
|
2896
|
+
[attr.role]="navigation.pagerEnabled ? 'application' : undefined"
|
|
2897
|
+
class="k-grid-pager-top k-pager"
|
|
2898
|
+
[template]="pagerTemplate"
|
|
2899
|
+
[pageSize]="pageSize"
|
|
2900
|
+
[total]="view.total"
|
|
2901
|
+
[skip]="skip"
|
|
2902
|
+
[size]="size"
|
|
2903
|
+
[options]="pageable"
|
|
2904
|
+
(pageChange)="notifyPageChange('pager', $event)">
|
|
2905
|
+
</kendo-pager>
|
|
2906
|
+
<kendo-grid-group-panel
|
|
2907
|
+
*ngIf="showGroupPanel"
|
|
2908
|
+
[navigable]="navigation.toolbarEnabled"
|
|
2909
|
+
[text]="groupableEmptyText"
|
|
2910
|
+
[groups]="group"
|
|
2911
|
+
role="toolbar"
|
|
2912
|
+
[attr.aria-label]="messageFor('groupPanelLabel')"
|
|
2913
|
+
[attr.aria-controls]="ariaRootId"
|
|
2914
|
+
(change)="groupChange.emit($event)">
|
|
2915
|
+
</kendo-grid-group-panel>
|
|
2916
|
+
<div #ariaRoot
|
|
2917
|
+
class="k-grid-aria-root"
|
|
2918
|
+
role="grid"
|
|
2919
|
+
[id]="ariaRootId"
|
|
2920
|
+
[attr.aria-label]="ariaLabel"
|
|
2921
|
+
[attr.aria-rowcount]="ariaRowCount"
|
|
2922
|
+
[attr.aria-colcount]="ariaColCount">
|
|
2923
|
+
<ng-container *ngIf="isScrollable">
|
|
2924
|
+
<div *ngIf="!hideHeader"
|
|
2925
|
+
class="k-grid-header"
|
|
2926
|
+
role="presentation"
|
|
2927
|
+
[style.padding]="headerPadding">
|
|
2928
|
+
<div *ngIf="isLocked"
|
|
2929
|
+
#lockedHeader
|
|
2905
2930
|
role="presentation"
|
|
2906
|
-
class="k-grid-header-
|
|
2907
|
-
[style.width.px]="lockedWidth"
|
|
2908
|
-
|
|
2909
|
-
|
|
2910
|
-
<colgroup kendoGridColGroup
|
|
2931
|
+
class="k-grid-header-locked"
|
|
2932
|
+
[style.width.px]="lockedWidth">
|
|
2933
|
+
<table
|
|
2934
|
+
[locked]="true"
|
|
2911
2935
|
role="presentation"
|
|
2912
|
-
|
|
2913
|
-
[
|
|
2914
|
-
|
|
2915
|
-
|
|
2916
|
-
|
|
2917
|
-
|
|
2918
|
-
|
|
2919
|
-
|
|
2920
|
-
|
|
2921
|
-
|
|
2922
|
-
|
|
2923
|
-
|
|
2924
|
-
|
|
2925
|
-
|
|
2926
|
-
|
|
2927
|
-
|
|
2928
|
-
|
|
2929
|
-
|
|
2930
|
-
|
|
2931
|
-
|
|
2932
|
-
|
|
2933
|
-
|
|
2934
|
-
|
|
2935
|
-
|
|
2936
|
-
|
|
2937
|
-
|
|
2938
|
-
|
|
2939
|
-
|
|
2940
|
-
|
|
2941
|
-
|
|
2942
|
-
|
|
2943
|
-
[
|
|
2944
|
-
[
|
|
2945
|
-
|
|
2946
|
-
[size]="size">
|
|
2947
|
-
<colgroup kendoGridColGroup
|
|
2936
|
+
class="k-grid-header-table"
|
|
2937
|
+
[style.width.px]="lockedWidth"
|
|
2938
|
+
kendoGridTable
|
|
2939
|
+
[size]="size">
|
|
2940
|
+
<colgroup kendoGridColGroup
|
|
2941
|
+
[columns]="$any(lockedLeafColumns)"
|
|
2942
|
+
[groups]="group"
|
|
2943
|
+
[detailTemplate]="detailTemplate">
|
|
2944
|
+
</colgroup>
|
|
2945
|
+
<thead kendoGridHeader
|
|
2946
|
+
role="rowgroup"
|
|
2947
|
+
[resizable]="resizable"
|
|
2948
|
+
[scrollable]="true"
|
|
2949
|
+
[columns]="$any(lockedColumns)"
|
|
2950
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2951
|
+
[sort]="sort"
|
|
2952
|
+
[groups]="group"
|
|
2953
|
+
[filter]="filter"
|
|
2954
|
+
[filterable]="filterable"
|
|
2955
|
+
[groupable]="showGroupPanel"
|
|
2956
|
+
[reorderable]="reorderable"
|
|
2957
|
+
[sortable]="sortable"
|
|
2958
|
+
[columnMenu]="columnMenuOptions"
|
|
2959
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2960
|
+
[totalColumnsCount]="leafColumns.length"
|
|
2961
|
+
[detailTemplate]="detailTemplate"
|
|
2962
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
2963
|
+
</thead>
|
|
2964
|
+
</table>
|
|
2965
|
+
</div>
|
|
2966
|
+
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
2967
|
+
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
2968
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
2969
|
+
<table
|
|
2948
2970
|
role="presentation"
|
|
2949
|
-
|
|
2950
|
-
[
|
|
2951
|
-
[
|
|
2952
|
-
|
|
2953
|
-
|
|
2954
|
-
|
|
2955
|
-
|
|
2956
|
-
|
|
2957
|
-
|
|
2958
|
-
|
|
2959
|
-
|
|
2960
|
-
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
|
|
2968
|
-
|
|
2969
|
-
|
|
2970
|
-
|
|
2971
|
-
|
|
2972
|
-
|
|
2973
|
-
|
|
2974
|
-
|
|
2975
|
-
|
|
2971
|
+
class="k-grid-header-table"
|
|
2972
|
+
[style.width.px]="nonLockedWidth"
|
|
2973
|
+
[virtualColumns]="virtualColumns"
|
|
2974
|
+
kendoGridTable
|
|
2975
|
+
[size]="size">
|
|
2976
|
+
<colgroup kendoGridColGroup
|
|
2977
|
+
[columns]="headerLeafColumns"
|
|
2978
|
+
[groups]="isLocked ? [] : group"
|
|
2979
|
+
[detailTemplate]="detailTemplate">
|
|
2980
|
+
</colgroup>
|
|
2981
|
+
<thead kendoGridHeader
|
|
2982
|
+
[resizable]="resizable"
|
|
2983
|
+
role="rowgroup"
|
|
2984
|
+
[scrollable]="true"
|
|
2985
|
+
[columns]="headerColumns"
|
|
2986
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2987
|
+
[sort]="sort"
|
|
2988
|
+
[filter]="filter"
|
|
2989
|
+
[filterable]="filterable"
|
|
2990
|
+
[groupable]="showGroupPanel"
|
|
2991
|
+
[reorderable]="reorderable"
|
|
2992
|
+
[groups]="isLocked ? [] : group"
|
|
2993
|
+
[sortable]="sortable"
|
|
2994
|
+
[columnMenu]="columnMenuOptions"
|
|
2995
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2996
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2997
|
+
[totalColumnsCount]="leafColumns.length"
|
|
2998
|
+
[detailTemplate]="detailTemplate"
|
|
2999
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
3000
|
+
</thead>
|
|
3001
|
+
</table>
|
|
3002
|
+
<div *ngIf="virtualColumns" class="k-width-container" role="presentation">
|
|
3003
|
+
<div [style.width.px]="columnsContainer.unlockedWidth"></div>
|
|
3004
|
+
</div>
|
|
2976
3005
|
</div>
|
|
2977
3006
|
</div>
|
|
2978
|
-
|
|
2979
|
-
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
|
|
2994
|
-
|
|
2995
|
-
|
|
2996
|
-
[dragData]="gridData"
|
|
2997
|
-
[data]="$any(view)"
|
|
2998
|
-
[rowHeight]="rowHeight"
|
|
2999
|
-
[detailRowHeight]="detailRowHeight"
|
|
3000
|
-
[total]="totalCount"
|
|
3001
|
-
[take]="pageSize"
|
|
3002
|
-
[groups]="group"
|
|
3003
|
-
[groupable]="groupable"
|
|
3004
|
-
[skip]="skip"
|
|
3005
|
-
[trackBy]="trackBy"
|
|
3006
|
-
[columns]="columnsContainer"
|
|
3007
|
-
[selectable]="selectable"
|
|
3008
|
-
[filterable]="filterable"
|
|
3009
|
-
[detailTemplate]="detailTemplate"
|
|
3010
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
3011
|
-
[size]="size"
|
|
3012
|
-
(pageChange)="notifyPageChange('list', $event)"
|
|
3013
|
-
[rowClass]="rowClass"
|
|
3014
|
-
[rowSticky]="rowSticky"
|
|
3015
|
-
[loading]="loading"
|
|
3016
|
-
[isVirtual]="isVirtual"
|
|
3017
|
-
[cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
|
|
3018
|
-
[loadingTemplate]="loadingTemplate?.templateRef"
|
|
3019
|
-
[virtualColumns]="virtualColumns"
|
|
3020
|
-
(scrollBottom)="notifyScrollBottom()"
|
|
3021
|
-
(contentScroll)="contentScroll.emit($event)"
|
|
3022
|
-
kendoDraggable
|
|
3023
|
-
kendoGridSelectionMarquee
|
|
3024
|
-
[enableDrag]="marqueeSelection"
|
|
3025
|
-
[sort]="sort"
|
|
3026
|
-
>
|
|
3027
|
-
</kendo-grid-list>
|
|
3028
|
-
<div
|
|
3029
|
-
*ngIf="showFooter"
|
|
3030
|
-
class="k-grid-footer"
|
|
3031
|
-
[style.padding]="headerPadding">
|
|
3032
|
-
<div
|
|
3033
|
-
*ngIf="lockedLeafColumns.length"
|
|
3034
|
-
class="k-grid-footer-locked"
|
|
3035
|
-
[style.width.px]="lockedWidth">
|
|
3036
|
-
<table
|
|
3037
|
-
role="presentation"
|
|
3038
|
-
class="k-grid-footer-table"
|
|
3039
|
-
[locked]="true"
|
|
3040
|
-
[style.width.px]="lockedWidth"
|
|
3041
|
-
kendoGridTable
|
|
3042
|
-
[size]="size">
|
|
3043
|
-
<colgroup kendoGridColGroup
|
|
3044
|
-
[columns]="$any(lockedLeafColumns)"
|
|
3045
|
-
[groups]="group"
|
|
3046
|
-
[detailTemplate]="detailTemplate">
|
|
3047
|
-
</colgroup>
|
|
3048
|
-
<tfoot kendoGridFooter
|
|
3049
|
-
[scrollable]="true"
|
|
3050
|
-
[groups]="group"
|
|
3051
|
-
[columns]="$any(lockedLeafColumns)"
|
|
3052
|
-
[detailTemplate]="detailTemplate"
|
|
3053
|
-
[logicalRowIndex]="ariaRowCount">
|
|
3054
|
-
</tfoot>
|
|
3055
|
-
</table>
|
|
3056
|
-
</div>
|
|
3057
|
-
<div #footer
|
|
3058
|
-
class="k-grid-footer-wrap" data-scrollable
|
|
3059
|
-
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
3060
|
-
[lockedWidth]="lockedWidth + scrollbarWidth + 3">
|
|
3061
|
-
<table
|
|
3062
|
-
role="presentation"
|
|
3063
|
-
class="k-grid-footer-table"
|
|
3064
|
-
[style.width.px]="nonLockedWidth"
|
|
3065
|
-
kendoGridTable
|
|
3066
|
-
[size]="size">
|
|
3067
|
-
<colgroup kendoGridColGroup
|
|
3068
|
-
[columns]="$any(nonLockedLeafColumns)"
|
|
3069
|
-
[groups]="isLocked ? [] : group"
|
|
3070
|
-
[detailTemplate]="detailTemplate">
|
|
3071
|
-
</colgroup>
|
|
3072
|
-
<tfoot kendoGridFooter
|
|
3073
|
-
[logicalRowIndex]="ariaRowCount"
|
|
3074
|
-
[scrollable]="true"
|
|
3075
|
-
[groups]="isLocked ? [] : group"
|
|
3076
|
-
[columns]="$any(nonLockedLeafColumns)"
|
|
3077
|
-
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
3078
|
-
[detailTemplate]="detailTemplate">
|
|
3079
|
-
</tfoot>
|
|
3080
|
-
</table>
|
|
3081
|
-
</div>
|
|
3082
|
-
</div>
|
|
3083
|
-
</ng-container>
|
|
3084
|
-
<ng-container *ngIf="!isScrollable">
|
|
3085
|
-
<table
|
|
3086
|
-
[style.table-layout]="resizable ? 'fixed' : null"
|
|
3087
|
-
kendoGridTable
|
|
3088
|
-
[size]="size">
|
|
3089
|
-
<colgroup kendoGridColGroup
|
|
3090
|
-
[columns]="$any(leafColumns)"
|
|
3091
|
-
[groups]="group"
|
|
3092
|
-
[detailTemplate]="detailTemplate">
|
|
3093
|
-
</colgroup>
|
|
3094
|
-
<thead kendoGridHeader
|
|
3095
|
-
*ngIf="!hideHeader"
|
|
3096
|
-
[resizable]="resizable"
|
|
3097
|
-
[scrollable]="false"
|
|
3098
|
-
[columns]="$any(visibleColumns)"
|
|
3099
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
3100
|
-
[groups]="group"
|
|
3101
|
-
[groupable]="showGroupPanel"
|
|
3102
|
-
[reorderable]="reorderable"
|
|
3103
|
-
[sort]="sort"
|
|
3104
|
-
[sortable]="sortable"
|
|
3105
|
-
[filter]="filter"
|
|
3106
|
-
[filterable]="filterable"
|
|
3107
|
-
[columnMenu]="columnMenuOptions"
|
|
3108
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
3109
|
-
[detailTemplate]="detailTemplate"
|
|
3110
|
-
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
3111
|
-
</thead>
|
|
3112
|
-
<tbody kendoGridTableBody
|
|
3113
|
-
[isLoading]="loading"
|
|
3114
|
-
[groups]="group"
|
|
3007
|
+
<kendo-grid-list
|
|
3008
|
+
kendoDragTargetContainer
|
|
3009
|
+
kendoDropTargetContainer
|
|
3010
|
+
mode="manual"
|
|
3011
|
+
[dragDisabled]="!rowReorderable"
|
|
3012
|
+
[dropDisabled]="!rowReorderable"
|
|
3013
|
+
[dragTargetFilter]="getDefaultSelectors('dragTarget')"
|
|
3014
|
+
[dropTargetFilter]="getDefaultSelectors('dropTarget')"
|
|
3015
|
+
[dragHandle]="getDefaultSelectors('handle')"
|
|
3016
|
+
[hint]="{hintTemplate: defaultHint}"
|
|
3017
|
+
(onPress)="handleReorderEvents($event, 'press')"
|
|
3018
|
+
(onDragStart)="handleReorderEvents($event, 'dragStart')"
|
|
3019
|
+
(onDrag)="handleReorderEvents($event, 'drag')"
|
|
3020
|
+
(onDragEnter)="handleReorderEvents($event, 'dragEnter')"
|
|
3021
|
+
(onDragLeave)="handleReorderEvents($event, 'dragLeave')"
|
|
3022
|
+
(onDragEnd)="handleReorderEvents($event, 'dragEnd')"
|
|
3023
|
+
(onDrop)="handleReorderEvents($event, 'drop')"
|
|
3024
|
+
[dragData]="gridData"
|
|
3115
3025
|
[data]="$any(view)"
|
|
3026
|
+
[rowHeight]="rowHeight"
|
|
3027
|
+
[detailRowHeight]="detailRowHeight"
|
|
3028
|
+
[total]="totalCount"
|
|
3029
|
+
[take]="pageSize"
|
|
3030
|
+
[groups]="group"
|
|
3031
|
+
[groupable]="groupable"
|
|
3116
3032
|
[skip]="skip"
|
|
3117
|
-
[
|
|
3033
|
+
[trackBy]="trackBy"
|
|
3034
|
+
[columns]="columnsContainer"
|
|
3118
3035
|
[selectable]="selectable"
|
|
3119
3036
|
[filterable]="filterable"
|
|
3120
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
3121
3037
|
[detailTemplate]="detailTemplate"
|
|
3122
|
-
[
|
|
3123
|
-
[
|
|
3038
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
3039
|
+
[size]="size"
|
|
3040
|
+
(pageChange)="notifyPageChange('list', $event)"
|
|
3124
3041
|
[rowClass]="rowClass"
|
|
3042
|
+
[rowSticky]="rowSticky"
|
|
3043
|
+
[loading]="loading"
|
|
3044
|
+
[isVirtual]="isVirtual"
|
|
3045
|
+
[cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
|
|
3046
|
+
[loadingTemplate]="loadingTemplate?.templateRef"
|
|
3047
|
+
[virtualColumns]="virtualColumns"
|
|
3048
|
+
(scrollBottom)="notifyScrollBottom()"
|
|
3049
|
+
(contentScroll)="contentScroll.emit($event)"
|
|
3125
3050
|
kendoDraggable
|
|
3126
3051
|
kendoGridSelectionMarquee
|
|
3127
|
-
[enableDrag]="marqueeSelection"
|
|
3128
|
-
|
|
3129
|
-
|
|
3052
|
+
[enableDrag]="marqueeSelection"
|
|
3053
|
+
[sort]="sort">
|
|
3054
|
+
</kendo-grid-list>
|
|
3055
|
+
<div
|
|
3130
3056
|
*ngIf="showFooter"
|
|
3131
|
-
|
|
3132
|
-
[
|
|
3133
|
-
|
|
3134
|
-
|
|
3135
|
-
|
|
3136
|
-
|
|
3137
|
-
|
|
3138
|
-
|
|
3139
|
-
|
|
3140
|
-
|
|
3057
|
+
class="k-grid-footer"
|
|
3058
|
+
[style.padding]="headerPadding">
|
|
3059
|
+
<div
|
|
3060
|
+
*ngIf="lockedLeafColumns.length"
|
|
3061
|
+
class="k-grid-footer-locked"
|
|
3062
|
+
[style.width.px]="lockedWidth">
|
|
3063
|
+
<table
|
|
3064
|
+
role="presentation"
|
|
3065
|
+
class="k-grid-footer-table"
|
|
3066
|
+
[locked]="true"
|
|
3067
|
+
[style.width.px]="lockedWidth"
|
|
3068
|
+
kendoGridTable
|
|
3069
|
+
[size]="size">
|
|
3070
|
+
<colgroup kendoGridColGroup
|
|
3071
|
+
[columns]="$any(lockedLeafColumns)"
|
|
3072
|
+
[groups]="group"
|
|
3073
|
+
[detailTemplate]="detailTemplate">
|
|
3074
|
+
</colgroup>
|
|
3075
|
+
<tfoot kendoGridFooter
|
|
3076
|
+
[scrollable]="true"
|
|
3077
|
+
[groups]="group"
|
|
3078
|
+
[columns]="$any(lockedLeafColumns)"
|
|
3079
|
+
[detailTemplate]="detailTemplate"
|
|
3080
|
+
[logicalRowIndex]="ariaRowCount">
|
|
3081
|
+
</tfoot>
|
|
3082
|
+
</table>
|
|
3083
|
+
</div>
|
|
3084
|
+
<div #footer
|
|
3085
|
+
class="k-grid-footer-wrap" data-scrollable
|
|
3086
|
+
[kendoGridResizableContainer]="lockedLeafColumns.length > 0"
|
|
3087
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 3">
|
|
3088
|
+
<table
|
|
3089
|
+
role="presentation"
|
|
3090
|
+
class="k-grid-footer-table"
|
|
3091
|
+
[style.width.px]="nonLockedWidth"
|
|
3092
|
+
kendoGridTable
|
|
3093
|
+
[size]="size">
|
|
3094
|
+
<colgroup kendoGridColGroup
|
|
3095
|
+
[columns]="$any(nonLockedLeafColumns)"
|
|
3096
|
+
[groups]="isLocked ? [] : group"
|
|
3097
|
+
[detailTemplate]="detailTemplate">
|
|
3098
|
+
</colgroup>
|
|
3099
|
+
<tfoot kendoGridFooter
|
|
3100
|
+
[logicalRowIndex]="ariaRowCount"
|
|
3101
|
+
[scrollable]="true"
|
|
3102
|
+
[groups]="isLocked ? [] : group"
|
|
3103
|
+
[columns]="$any(nonLockedLeafColumns)"
|
|
3104
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
3105
|
+
[detailTemplate]="detailTemplate">
|
|
3106
|
+
</tfoot>
|
|
3107
|
+
</table>
|
|
3108
|
+
</div>
|
|
3109
|
+
</div>
|
|
3110
|
+
</ng-container>
|
|
3111
|
+
<ng-container *ngIf="!isScrollable">
|
|
3112
|
+
<table
|
|
3113
|
+
[style.table-layout]="resizable ? 'fixed' : null"
|
|
3114
|
+
kendoGridTable
|
|
3115
|
+
[size]="size">
|
|
3116
|
+
<colgroup kendoGridColGroup
|
|
3117
|
+
[columns]="$any(leafColumns)"
|
|
3118
|
+
[groups]="group"
|
|
3119
|
+
[detailTemplate]="detailTemplate">
|
|
3120
|
+
</colgroup>
|
|
3121
|
+
<thead kendoGridHeader
|
|
3122
|
+
*ngIf="!hideHeader"
|
|
3123
|
+
[resizable]="resizable"
|
|
3124
|
+
[scrollable]="false"
|
|
3125
|
+
[columns]="$any(visibleColumns)"
|
|
3126
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
3127
|
+
[groups]="group"
|
|
3128
|
+
[groupable]="showGroupPanel"
|
|
3129
|
+
[reorderable]="reorderable"
|
|
3130
|
+
[sort]="sort"
|
|
3131
|
+
[sortable]="sortable"
|
|
3132
|
+
[filter]="filter"
|
|
3133
|
+
[filterable]="filterable"
|
|
3134
|
+
[columnMenu]="columnMenuOptions"
|
|
3135
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
3136
|
+
[detailTemplate]="detailTemplate"
|
|
3137
|
+
[tabIndex]="navigation.tableEnabled ? '-1' : '0'">
|
|
3138
|
+
</thead>
|
|
3139
|
+
<tbody kendoGridTableBody
|
|
3140
|
+
[isLoading]="loading"
|
|
3141
|
+
[groups]="group"
|
|
3142
|
+
[data]="$any(view)"
|
|
3143
|
+
[skip]="skip"
|
|
3144
|
+
[columns]="$any(leafColumns)"
|
|
3145
|
+
[selectable]="selectable"
|
|
3146
|
+
[filterable]="filterable"
|
|
3147
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
3148
|
+
[detailTemplate]="detailTemplate"
|
|
3149
|
+
[showGroupFooters]="showGroupFooters"
|
|
3150
|
+
[trackBy]="trackBy"
|
|
3151
|
+
[rowClass]="rowClass"
|
|
3152
|
+
kendoDraggable
|
|
3153
|
+
kendoGridSelectionMarquee
|
|
3154
|
+
[enableDrag]="marqueeSelection">
|
|
3155
|
+
</tbody>
|
|
3156
|
+
<tfoot kendoGridFooter
|
|
3157
|
+
*ngIf="showFooter"
|
|
3158
|
+
[scrollable]="false"
|
|
3159
|
+
[logicalRowIndex]="ariaRowCount"
|
|
3160
|
+
[groups]="group"
|
|
3161
|
+
[columns]="$any(leafColumns)"
|
|
3162
|
+
[detailTemplate]="detailTemplate">
|
|
3163
|
+
</tfoot>
|
|
3164
|
+
</table>
|
|
3165
|
+
</ng-container>
|
|
3166
|
+
<div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
|
|
3141
3167
|
</div>
|
|
3168
|
+
<kendo-grid-status-bar
|
|
3169
|
+
*ngIf="showStatusBar"
|
|
3170
|
+
[selectableSettings]="selectable"
|
|
3171
|
+
[statusBarTemplate]="statusBarTemplate">
|
|
3172
|
+
</kendo-grid-status-bar>
|
|
3142
3173
|
<kendo-pager
|
|
3143
3174
|
*ngIf="showBottomPager"
|
|
3144
3175
|
[tabindex]="navigation.pagerEnabled ? '0' : '-1'"
|
|
@@ -3321,6 +3352,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
3321
3352
|
}], loadingTemplateChildren: [{
|
|
3322
3353
|
type: ContentChildren,
|
|
3323
3354
|
args: [LoadingTemplateDirective]
|
|
3355
|
+
}], statusBarTemplateChildren: [{
|
|
3356
|
+
type: ContentChildren,
|
|
3357
|
+
args: [StatusBarTemplateDirective]
|
|
3324
3358
|
}], noRecordsTemplateChildren: [{
|
|
3325
3359
|
type: ContentChildren,
|
|
3326
3360
|
args: [NoRecordsTemplateDirective]
|