@acorex/components 20.7.59 → 20.7.61
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/data-table/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i2 from '@acorex/cdk/common';
|
|
2
|
-
import { MXBaseComponent, AXDataSource,
|
|
2
|
+
import { AXSortOrder, MXBaseComponent, AXDataSource, AXStyleColorType, AXEvent, AXButtonClickEvent, AXStyleLookType, AXClickEvent, AXItemClickEvent, AXValueChangedEvent, AXListDataSource } from '@acorex/cdk/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { TemplateRef, EventEmitter, ChangeDetectorRef, OnInit, DoCheck, QueryList,
|
|
4
|
+
import { TemplateRef, EventEmitter, WritableSignal, ChangeDetectorRef, OnInit, DoCheck, QueryList, ElementRef, AfterViewInit, Signal } from '@angular/core';
|
|
5
5
|
import * as i11 from '@acorex/core/format';
|
|
6
6
|
import { AXFormatOptions } from '@acorex/core/format';
|
|
7
7
|
import * as i8 from '@acorex/components/button';
|
|
@@ -19,6 +19,38 @@ import { AXDataPagerComponent, AXDataPagerChangedEvent } from '@acorex/component
|
|
|
19
19
|
import * as i13 from '@angular/cdk/drag-drop';
|
|
20
20
|
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
21
21
|
|
|
22
|
+
declare abstract class AXDataTableColumnComponent {
|
|
23
|
+
caption: string;
|
|
24
|
+
/**
|
|
25
|
+
* Width of the column.
|
|
26
|
+
* - string: e.g., '180px', '20%'
|
|
27
|
+
* - number: e.g., 180 (treated as pixels)
|
|
28
|
+
* - 'auto': sizes from headers when the table first renders, then refits from row content once data loads
|
|
29
|
+
*
|
|
30
|
+
* @defaultValue 'auto'
|
|
31
|
+
*/
|
|
32
|
+
width: string | number | 'auto';
|
|
33
|
+
fixed: 'start' | 'end' | undefined;
|
|
34
|
+
allowSorting: boolean;
|
|
35
|
+
allowResizing: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* When true, shows the cell content as tooltip on hover (via `axTooltip`).
|
|
38
|
+
*/
|
|
39
|
+
hasTitle: boolean;
|
|
40
|
+
sortIndex: number | undefined;
|
|
41
|
+
sortOrder: AXSortOrder | undefined;
|
|
42
|
+
abstract get renderCellTemplate(): TemplateRef<unknown>;
|
|
43
|
+
abstract get renderHeaderTemplate(): TemplateRef<unknown>;
|
|
44
|
+
abstract get renderFooterTemplate(): TemplateRef<unknown>;
|
|
45
|
+
abstract get loadingEnabled(): boolean;
|
|
46
|
+
abstract get name(): string;
|
|
47
|
+
get cssClass(): string | undefined;
|
|
48
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableColumnComponent, never>;
|
|
49
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AXDataTableColumnComponent>;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
type AXDataTableCssClassValue = string | null | undefined;
|
|
53
|
+
|
|
22
54
|
interface AXDataTableScrollIndexChanged extends AXEvent {
|
|
23
55
|
index: number;
|
|
24
56
|
}
|
|
@@ -35,6 +67,58 @@ interface onColumnSizeChangedEvent extends AXEvent {
|
|
|
35
67
|
interface AXDataTableRowDbClick extends AXDataTableRowClick {
|
|
36
68
|
}
|
|
37
69
|
type AXDataTableLook = 'classic' | 'minimal';
|
|
70
|
+
/**
|
|
71
|
+
* Semantic row background colors supported by the data table.
|
|
72
|
+
*/
|
|
73
|
+
type AXDataTableRowColorType = Exclude<AXStyleColorType, 'default'>;
|
|
74
|
+
declare const AX_DATA_TABLE_ROW_COLOR_TYPES: AXDataTableRowColorType[];
|
|
75
|
+
|
|
76
|
+
/** Row CSS class resolver; may return a value synchronously or as a `Promise`. */
|
|
77
|
+
type AXDataTableRowCssClassResolver = (row: unknown, rowIndex: number) => AXDataTableCssClassValue | Promise<AXDataTableCssClassValue>;
|
|
78
|
+
/** Cell CSS class resolver; may return a value synchronously or as a `Promise`. */
|
|
79
|
+
type AXDataTableCellCssClassResolver = (row: unknown, column: AXDataTableColumnComponent, rowIndex: number) => AXDataTableCssClassValue | Promise<AXDataTableCssClassValue>;
|
|
80
|
+
/**
|
|
81
|
+
* Options for temporarily highlighting a row (e.g. after create).
|
|
82
|
+
*/
|
|
83
|
+
interface AXDataTableRowHighlightOptions {
|
|
84
|
+
/** Semantic row background color. @defaultValue `'success'` */
|
|
85
|
+
color?: AXDataTableRowColorType;
|
|
86
|
+
/**
|
|
87
|
+
* Translation key for the row badge.
|
|
88
|
+
* Pass `null` to hide the badge.
|
|
89
|
+
* @defaultValue `'@acorex:dataTable.rowHighlight.new'`
|
|
90
|
+
*/
|
|
91
|
+
badge?: string | null;
|
|
92
|
+
/** Whether the row background should pulse. @defaultValue `true` */
|
|
93
|
+
pulse?: boolean;
|
|
94
|
+
/** Whether the row should be pinned above other rows until refresh. @defaultValue `true` */
|
|
95
|
+
pinned?: boolean;
|
|
96
|
+
}
|
|
97
|
+
interface AXDataTableRowHighlight {
|
|
98
|
+
row: unknown;
|
|
99
|
+
color: AXDataTableRowColorType;
|
|
100
|
+
badge: string | null;
|
|
101
|
+
pulse: boolean;
|
|
102
|
+
pinned: boolean;
|
|
103
|
+
order: number;
|
|
104
|
+
}
|
|
105
|
+
declare const AX_DATA_TABLE_ROW_HIGHLIGHT_DEFAULT_BADGE = "@acorex:dataTable.rowHighlight.new";
|
|
106
|
+
/** Options for auto-fitting a single column to its content width. */
|
|
107
|
+
interface AXDataTableAutoFitColumnOptions {
|
|
108
|
+
/** Maximum width in pixels. */
|
|
109
|
+
maxWidth?: number;
|
|
110
|
+
/** When true, only the header cell is measured (e.g. before row data exists). */
|
|
111
|
+
headerOnly?: boolean;
|
|
112
|
+
}
|
|
113
|
+
/** Options for auto-fitting all columns to their content width. */
|
|
114
|
+
interface AXDataTableAutoFitAllColumnsOptions {
|
|
115
|
+
/** When true, fixed columns are skipped. @defaultValue `true` */
|
|
116
|
+
skipFixed?: boolean;
|
|
117
|
+
/** When true, auto-fit is skipped while data is loading. @defaultValue `true` */
|
|
118
|
+
skipLoading?: boolean;
|
|
119
|
+
/** Maximum width in pixels for any column. @defaultValue `500` */
|
|
120
|
+
maxWidth?: number;
|
|
121
|
+
}
|
|
38
122
|
declare abstract class AXBaseDataTable extends MXBaseComponent {
|
|
39
123
|
dataSource: AXDataSource<unknown>;
|
|
40
124
|
/**
|
|
@@ -53,13 +137,94 @@ declare abstract class AXBaseDataTable extends MXBaseComponent {
|
|
|
53
137
|
* Template for expanded custom row content.
|
|
54
138
|
*/
|
|
55
139
|
rowDetailsTemplate?: TemplateRef<unknown>;
|
|
140
|
+
/**
|
|
141
|
+
* Resolves custom CSS classes for a row `<tr>`.
|
|
142
|
+
* Supports synchronous and asynchronous (`Promise`) return values.
|
|
143
|
+
*/
|
|
144
|
+
rowCssClass?: AXDataTableRowCssClassResolver;
|
|
145
|
+
/**
|
|
146
|
+
* Resolves custom CSS classes for an individual body cell `<td>`.
|
|
147
|
+
* Column `cssClass` is preserved and merged with the resolved value.
|
|
148
|
+
* Supports synchronous and asynchronous (`Promise`) return values.
|
|
149
|
+
*/
|
|
150
|
+
cellCssClass?: AXDataTableCellCssClassResolver;
|
|
151
|
+
/**
|
|
152
|
+
* When set, matching text in the table body is highlighted.
|
|
153
|
+
*/
|
|
154
|
+
get highlightText(): string | undefined;
|
|
155
|
+
set highlightText(value: string | undefined);
|
|
56
156
|
selectedRowsChange: EventEmitter<unknown[]>;
|
|
157
|
+
protected readonly highlightedRows: WritableSignal<Map<string | number, AXDataTableRowHighlight>>;
|
|
158
|
+
private readonly rowCssClassCache;
|
|
159
|
+
private readonly cellCssClassCache;
|
|
160
|
+
private readonly highlightService;
|
|
161
|
+
private readonly platformId;
|
|
162
|
+
private readonly destroyRef;
|
|
163
|
+
private _highlightText?;
|
|
164
|
+
private highlightOrder;
|
|
165
|
+
private textHighlightFrame?;
|
|
166
|
+
constructor();
|
|
57
167
|
/**
|
|
58
168
|
* Gets the data source key field name.
|
|
59
169
|
*
|
|
60
170
|
* @returns string - The key field name for the data source.
|
|
61
171
|
*/
|
|
62
172
|
getDataSourceKey(): string;
|
|
173
|
+
/**
|
|
174
|
+
* Temporarily highlights a row with optional pin, badge, and pulse styling.
|
|
175
|
+
* Highlights are cleared on the next grid `refresh()` unless `preserveHighlights` is set.
|
|
176
|
+
*/
|
|
177
|
+
highlightRow(row: unknown, options?: AXDataTableRowHighlightOptions): void;
|
|
178
|
+
/**
|
|
179
|
+
* Temporarily highlights multiple rows.
|
|
180
|
+
*/
|
|
181
|
+
highlightRows(rows: unknown[], options?: AXDataTableRowHighlightOptions): void;
|
|
182
|
+
/**
|
|
183
|
+
* Clears all temporary row highlights.
|
|
184
|
+
*/
|
|
185
|
+
clearRowHighlights(): void;
|
|
186
|
+
/**
|
|
187
|
+
* Returns the temporary highlight state for a row, if any.
|
|
188
|
+
*/
|
|
189
|
+
getRowHighlight(row: unknown): AXDataTableRowHighlight | null;
|
|
190
|
+
/**
|
|
191
|
+
* Returns the translation key for the row highlight badge, if any.
|
|
192
|
+
*/
|
|
193
|
+
getRowHighlightBadge(row: unknown): string | null;
|
|
194
|
+
/**
|
|
195
|
+
* Clears cached asynchronous CSS class results for rows and cells.
|
|
196
|
+
*/
|
|
197
|
+
clearResolvedCssClasses(): void;
|
|
198
|
+
/**
|
|
199
|
+
* Returns CSS classes for the given row `<tr>`, including temporary highlight styles.
|
|
200
|
+
*/
|
|
201
|
+
getRowCssClass(row: unknown, rowIndex: number): string;
|
|
202
|
+
/**
|
|
203
|
+
* Returns CSS classes for a body cell, merging column `cssClass` with `cellCssClass`.
|
|
204
|
+
*/
|
|
205
|
+
getCellCssClass(row: unknown, column: AXDataTableColumnComponent, rowIndex: number): string;
|
|
206
|
+
/**
|
|
207
|
+
* Merges pinned highlighted rows with loaded items.
|
|
208
|
+
*/
|
|
209
|
+
protected mergeRowsWithHighlights(items: unknown[]): unknown[];
|
|
210
|
+
protected resolveRowKey(row: unknown): string | number | null;
|
|
211
|
+
protected abstract onRowHighlightsChanged(): void;
|
|
212
|
+
protected onCssClassResolved(): void;
|
|
213
|
+
/**
|
|
214
|
+
* Schedules text highlighting after the current render frame.
|
|
215
|
+
*/
|
|
216
|
+
protected scheduleTextHighlight(): void;
|
|
217
|
+
/**
|
|
218
|
+
* Returns the DOM root used for text highlighting.
|
|
219
|
+
*/
|
|
220
|
+
protected getTextHighlightRoot(): HTMLElement | null;
|
|
221
|
+
protected getTextHighlightSelector(): string;
|
|
222
|
+
protected applyTextHighlight(): void;
|
|
223
|
+
protected clearTextHighlight(): void;
|
|
224
|
+
private resolveRowCssClass;
|
|
225
|
+
private resolveCellCssClass;
|
|
226
|
+
private resolveRowCssClassCacheKey;
|
|
227
|
+
private resolveCellCssClassCacheKey;
|
|
63
228
|
private _selectedRows;
|
|
64
229
|
get selectedRows(): unknown[];
|
|
65
230
|
set selectedRows(v: unknown[]);
|
|
@@ -91,38 +256,23 @@ declare abstract class AXBaseDataTable extends MXBaseComponent {
|
|
|
91
256
|
* @returns void - No return value.
|
|
92
257
|
*/
|
|
93
258
|
unSelectRows(...rows: unknown[]): void;
|
|
94
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AXBaseDataTable, never>;
|
|
95
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<AXBaseDataTable>;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
declare abstract class AXDataTableColumnComponent {
|
|
99
|
-
caption: string;
|
|
100
259
|
/**
|
|
101
|
-
*
|
|
102
|
-
*
|
|
103
|
-
|
|
104
|
-
|
|
260
|
+
* Auto-fits all resizable columns to their content width.
|
|
261
|
+
* Call this whenever row data or templates change and column widths should be recalculated.
|
|
262
|
+
*/
|
|
263
|
+
abstract autoFitAllColumns(options?: AXDataTableAutoFitAllColumnsOptions): void;
|
|
264
|
+
/**
|
|
265
|
+
* Auto-fits a single column to its content width.
|
|
105
266
|
*
|
|
106
|
-
* @
|
|
267
|
+
* @param columnIndex - 0-based index in the columns `QueryList`.
|
|
107
268
|
*/
|
|
108
|
-
|
|
109
|
-
fixed: 'start' | 'end' | undefined;
|
|
110
|
-
allowSorting: boolean;
|
|
111
|
-
allowResizing: boolean;
|
|
269
|
+
abstract autoFitColumn(columnIndex: number, options?: AXDataTableAutoFitColumnOptions): void;
|
|
112
270
|
/**
|
|
113
|
-
*
|
|
271
|
+
* Auto-fits a single column by its `name` / data field.
|
|
114
272
|
*/
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
abstract get renderCellTemplate(): TemplateRef<unknown>;
|
|
119
|
-
abstract get renderHeaderTemplate(): TemplateRef<unknown>;
|
|
120
|
-
abstract get renderFooterTemplate(): TemplateRef<unknown>;
|
|
121
|
-
abstract get loadingEnabled(): boolean;
|
|
122
|
-
abstract get name(): string;
|
|
123
|
-
get cssClass(): string | undefined;
|
|
124
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableColumnComponent, never>;
|
|
125
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<AXDataTableColumnComponent>;
|
|
273
|
+
abstract autoFitColumnByName(columnName: string, options?: AXDataTableAutoFitColumnOptions): void;
|
|
274
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXBaseDataTable, never>;
|
|
275
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AXBaseDataTable>;
|
|
126
276
|
}
|
|
127
277
|
|
|
128
278
|
declare class AXDataTableColumnResizableDirective {
|
|
@@ -474,7 +624,7 @@ declare class AXRowExpandColumnComponent extends AXDataTableColumnComponent {
|
|
|
474
624
|
* @category Components
|
|
475
625
|
*/
|
|
476
626
|
declare class AXRowIndexColumnComponent extends AXDataTableColumnComponent implements OnInit {
|
|
477
|
-
|
|
627
|
+
protected grid: AXBaseDataTable;
|
|
478
628
|
private unsubscriber;
|
|
479
629
|
/**
|
|
480
630
|
* @ignore
|
|
@@ -832,7 +982,14 @@ declare class AXInfiniteScrollDataTableComponent extends AXBaseDataTable impleme
|
|
|
832
982
|
* Resets the index to zero and refreshes the data source.
|
|
833
983
|
* @ignore
|
|
834
984
|
*/
|
|
835
|
-
refresh(
|
|
985
|
+
refresh(options?: {
|
|
986
|
+
preserveHighlights?: boolean;
|
|
987
|
+
}): void;
|
|
988
|
+
/**
|
|
989
|
+
* @ignore
|
|
990
|
+
*/
|
|
991
|
+
protected onRowHighlightsChanged(): void;
|
|
992
|
+
protected onCssClassResolved(): void;
|
|
836
993
|
/**
|
|
837
994
|
* @ignore
|
|
838
995
|
*/
|
|
@@ -861,8 +1018,11 @@ declare class AXInfiniteScrollDataTableComponent extends AXBaseDataTable impleme
|
|
|
861
1018
|
* @ignore
|
|
862
1019
|
*/
|
|
863
1020
|
protected _handleOnScroll(): void;
|
|
1021
|
+
autoFitAllColumns(_options?: AXDataTableAutoFitAllColumnsOptions): void;
|
|
1022
|
+
autoFitColumn(_columnIndex: number, _options?: AXDataTableAutoFitColumnOptions): void;
|
|
1023
|
+
autoFitColumnByName(_columnName: string, _options?: AXDataTableAutoFitColumnOptions): void;
|
|
864
1024
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXInfiniteScrollDataTableComponent, never>;
|
|
865
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXInfiniteScrollDataTableComponent, "ax-infinite-scroll-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "onPageChanged": "onPageChanged"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "focusedRowChange": "focusedRowChange"; "onScrolledIndexChanged": "onScrolledIndexChanged"; }, ["columns"], ["ax-header", "ax-footer"], true, never>;
|
|
1025
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXInfiniteScrollDataTableComponent, "ax-infinite-scroll-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "rowCssClass": { "alias": "rowCssClass"; "required": false; }; "cellCssClass": { "alias": "cellCssClass"; "required": false; }; "highlightText": { "alias": "highlightText"; "required": false; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "onPageChanged": "onPageChanged"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "focusedRowChange": "focusedRowChange"; "onScrolledIndexChanged": "onScrolledIndexChanged"; }, ["columns"], ["ax-header", "ax-footer"], true, never>;
|
|
866
1026
|
}
|
|
867
1027
|
|
|
868
1028
|
/**
|
|
@@ -1114,6 +1274,11 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
|
|
|
1114
1274
|
* Returns true if in manual mode and no data has been loaded yet.
|
|
1115
1275
|
*/
|
|
1116
1276
|
get showNoDataLoadedYet(): boolean;
|
|
1277
|
+
/**
|
|
1278
|
+
* Root rows from the latest data source load (before highlight merge).
|
|
1279
|
+
* @ignore
|
|
1280
|
+
*/
|
|
1281
|
+
private lastLoadedRows;
|
|
1117
1282
|
/**
|
|
1118
1283
|
* @ignore
|
|
1119
1284
|
*/
|
|
@@ -1181,6 +1346,12 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
|
|
|
1181
1346
|
* @ignore
|
|
1182
1347
|
*/
|
|
1183
1348
|
protected getSort(column: AXDataTableColumnComponent): string | undefined;
|
|
1349
|
+
/**
|
|
1350
|
+
* Re-applies pinned highlighted rows to the current view.
|
|
1351
|
+
* @ignore
|
|
1352
|
+
*/
|
|
1353
|
+
protected onRowHighlightsChanged(): void;
|
|
1354
|
+
protected onCssClassResolved(): void;
|
|
1184
1355
|
/**
|
|
1185
1356
|
* Refreshes the data table with optional reset options.
|
|
1186
1357
|
*
|
|
@@ -1190,11 +1361,13 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
|
|
|
1190
1361
|
*/
|
|
1191
1362
|
refresh(options?: {
|
|
1192
1363
|
reset?: boolean;
|
|
1364
|
+
preserveHighlights?: boolean;
|
|
1193
1365
|
}): void;
|
|
1194
1366
|
/**
|
|
1195
1367
|
* @ignore
|
|
1196
1368
|
*/
|
|
1197
1369
|
protected calculateRowIndex(index: number): number;
|
|
1370
|
+
private countHighlightBadgeRowsBefore;
|
|
1198
1371
|
/**
|
|
1199
1372
|
* Handles double-click on resize handle to auto-fit column width.
|
|
1200
1373
|
*
|
|
@@ -1231,36 +1404,23 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
|
|
|
1231
1404
|
*/
|
|
1232
1405
|
private autoFitColumnsWithAutoWidth;
|
|
1233
1406
|
/**
|
|
1234
|
-
* Auto-fits all columns
|
|
1235
|
-
*
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
* @param options.skipLoading - If true, skips if data is loading (default: true)
|
|
1239
|
-
* @param options.maxWidth - Maximum width for any column in pixels (default: 500)
|
|
1240
|
-
* @returns void
|
|
1241
|
-
*/
|
|
1242
|
-
autoFitAllColumns(options?: {
|
|
1243
|
-
skipFixed?: boolean;
|
|
1244
|
-
skipLoading?: boolean;
|
|
1245
|
-
maxWidth?: number;
|
|
1246
|
-
}): void;
|
|
1407
|
+
* Auto-fits all resizable columns to their content width.
|
|
1408
|
+
* Call this whenever row data or templates change and column widths should be recalculated.
|
|
1409
|
+
*/
|
|
1410
|
+
autoFitAllColumns(options?: AXDataTableAutoFitAllColumnsOptions): void;
|
|
1247
1411
|
/**
|
|
1248
|
-
* Auto-fits a column
|
|
1412
|
+
* Auto-fits a single column to its content width.
|
|
1249
1413
|
* Similar to Excel's "AutoFit Column Width" feature.
|
|
1250
|
-
* Uses an invisible helper table to measure actual content width without affecting the main table.
|
|
1251
1414
|
*
|
|
1252
|
-
* @param columnIndex -
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
*
|
|
1257
|
-
*/
|
|
1258
|
-
|
|
1259
|
-
maxWidth?: number;
|
|
1260
|
-
headerOnly?: boolean;
|
|
1261
|
-
}): void;
|
|
1415
|
+
* @param columnIndex - 0-based index in the columns `QueryList`.
|
|
1416
|
+
*/
|
|
1417
|
+
autoFitColumn(columnIndex: number, options?: AXDataTableAutoFitColumnOptions): void;
|
|
1418
|
+
/**
|
|
1419
|
+
* Auto-fits a single column by its `name` / data field.
|
|
1420
|
+
*/
|
|
1421
|
+
autoFitColumnByName(columnName: string, options?: AXDataTableAutoFitColumnOptions): void;
|
|
1262
1422
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
|
|
1263
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "hasChildrenField": { "alias": "hasChildrenField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
|
|
1423
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "hasChildrenField": { "alias": "hasChildrenField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "rowCssClass": { "alias": "rowCssClass"; "required": false; }; "cellCssClass": { "alias": "cellCssClass"; "required": false; }; "highlightText": { "alias": "highlightText"; "required": false; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
|
|
1264
1424
|
}
|
|
1265
1425
|
|
|
1266
1426
|
declare class AXDataTableModule {
|
|
@@ -1269,5 +1429,5 @@ declare class AXDataTableModule {
|
|
|
1269
1429
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXDataTableModule>;
|
|
1270
1430
|
}
|
|
1271
1431
|
|
|
1272
|
-
export { AXBaseDataTable, AXBaseRowCommandColumnComponent, AXDataTableColumnComponent, AXDataTableColumnResizableDirective, AXDataTableComponent, AXDataTableModule, AXDataTableTextColumnComponent, AXInfiniteScrollDataTableComponent, AXRowCommandColumnComponent, AXRowDropdownCommandColumnComponent, AXRowExpandColumnComponent, AXRowIndexColumnComponent, AXRowSelectColumnComponent };
|
|
1273
|
-
export type { AXColumnsOrderChangedEvent, AXDataTableLook, AXDataTableRowClick, AXDataTableRowDbClick, AXDataTableScrollIndexChanged, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent };
|
|
1432
|
+
export { AXBaseDataTable, AXBaseRowCommandColumnComponent, AXDataTableColumnComponent, AXDataTableColumnResizableDirective, AXDataTableComponent, AXDataTableModule, AXDataTableTextColumnComponent, AXInfiniteScrollDataTableComponent, AXRowCommandColumnComponent, AXRowDropdownCommandColumnComponent, AXRowExpandColumnComponent, AXRowIndexColumnComponent, AXRowSelectColumnComponent, AX_DATA_TABLE_ROW_COLOR_TYPES, AX_DATA_TABLE_ROW_HIGHLIGHT_DEFAULT_BADGE };
|
|
1433
|
+
export type { AXColumnsOrderChangedEvent, AXDataTableAutoFitAllColumnsOptions, AXDataTableAutoFitColumnOptions, AXDataTableCellCssClassResolver, AXDataTableCssClassValue, AXDataTableLook, AXDataTableRowClick, AXDataTableRowColorType, AXDataTableRowCssClassResolver, AXDataTableRowDbClick, AXDataTableRowHighlight, AXDataTableRowHighlightOptions, AXDataTableScrollIndexChanged, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent };
|