@syncfusion/ej2-angular-treegrid 22.1.34-ngcc → 22.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/README.md +50 -130
  2. package/esm2020/public_api.mjs +3 -0
  3. package/esm2020/src/index.mjs +8 -0
  4. package/esm2020/src/treegrid/aggregate-columns.directive.mjs +72 -0
  5. package/esm2020/src/treegrid/aggregates.directive.mjs +69 -0
  6. package/esm2020/src/treegrid/columns.directive.mjs +96 -0
  7. package/esm2020/src/treegrid/treegrid-all.module.mjs +89 -0
  8. package/esm2020/src/treegrid/treegrid.component.mjs +247 -0
  9. package/esm2020/src/treegrid/treegrid.module.mjs +52 -0
  10. package/esm2020/syncfusion-ej2-angular-treegrid.mjs +5 -0
  11. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs +606 -0
  12. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  13. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +606 -0
  14. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  15. package/package.json +37 -15
  16. package/schematics/utils/lib-details.ts +2 -2
  17. package/src/index.d.ts +0 -1
  18. package/src/treegrid/aggregate-columns.directive.d.ts +7 -4
  19. package/src/treegrid/aggregates.directive.d.ts +5 -0
  20. package/src/treegrid/columns.directive.d.ts +11 -8
  21. package/src/treegrid/treegrid-all.module.d.ts +6 -0
  22. package/src/treegrid/treegrid.component.d.ts +4 -2
  23. package/src/treegrid/treegrid.module.d.ts +9 -0
  24. package/styles/material3-dark.scss +1 -0
  25. package/styles/material3.scss +1 -0
  26. package/styles/treegrid/_all.scss +2 -0
  27. package/styles/treegrid/_bootstrap-dark-definition.scss +30 -0
  28. package/styles/treegrid/_bootstrap-definition.scss +30 -0
  29. package/styles/treegrid/_bootstrap4-definition.scss +30 -0
  30. package/styles/treegrid/_bootstrap5-dark-definition.scss +1 -0
  31. package/styles/treegrid/_bootstrap5-definition.scss +28 -0
  32. package/styles/treegrid/_fabric-dark-definition.scss +30 -0
  33. package/styles/treegrid/_fabric-definition.scss +30 -0
  34. package/styles/treegrid/_fluent-dark-definition.scss +1 -0
  35. package/styles/treegrid/_fluent-definition.scss +29 -0
  36. package/styles/treegrid/_fusionnew-definition.scss +28 -0
  37. package/styles/treegrid/_highcontrast-definition.scss +30 -0
  38. package/styles/treegrid/_highcontrast-light-definition.scss +30 -0
  39. package/styles/treegrid/_icons.scss +37 -0
  40. package/styles/treegrid/_layout.scss +444 -0
  41. package/styles/treegrid/_material-dark-definition.scss +30 -0
  42. package/styles/treegrid/_material-definition.scss +30 -0
  43. package/styles/treegrid/_material3-dark-definition.scss +1 -0
  44. package/styles/treegrid/_material3-definition.scss +28 -0
  45. package/styles/treegrid/_tailwind-dark-definition.scss +1 -0
  46. package/styles/treegrid/_tailwind-definition.scss +28 -0
  47. package/styles/treegrid/_theme.scss +1 -0
  48. package/styles/treegrid/bootstrap-dark.scss +18 -1
  49. package/styles/treegrid/bootstrap.scss +18 -1
  50. package/styles/treegrid/bootstrap4.scss +18 -1
  51. package/styles/treegrid/bootstrap5-dark.scss +18 -1
  52. package/styles/treegrid/bootstrap5.scss +18 -1
  53. package/styles/treegrid/fabric-dark.scss +18 -1
  54. package/styles/treegrid/fabric.scss +18 -1
  55. package/styles/treegrid/fluent-dark.scss +18 -1
  56. package/styles/treegrid/fluent.scss +18 -1
  57. package/styles/treegrid/highcontrast-light.scss +18 -1
  58. package/styles/treegrid/highcontrast.scss +18 -1
  59. package/styles/treegrid/icons/_bootstrap-dark.scss +37 -0
  60. package/styles/treegrid/icons/_bootstrap.scss +37 -0
  61. package/styles/treegrid/icons/_bootstrap4.scss +37 -0
  62. package/styles/treegrid/icons/_bootstrap5-dark.scss +1 -0
  63. package/styles/treegrid/icons/_bootstrap5.scss +37 -0
  64. package/styles/treegrid/icons/_fabric-dark.scss +37 -0
  65. package/styles/treegrid/icons/_fabric.scss +37 -0
  66. package/styles/treegrid/icons/_fluent-dark.scss +1 -0
  67. package/styles/treegrid/icons/_fluent.scss +37 -0
  68. package/styles/treegrid/icons/_fusionnew.scss +26 -0
  69. package/styles/treegrid/icons/_highcontrast-light.scss +37 -0
  70. package/styles/treegrid/icons/_highcontrast.scss +37 -0
  71. package/styles/treegrid/icons/_material-dark.scss +37 -0
  72. package/styles/treegrid/icons/_material.scss +37 -0
  73. package/styles/treegrid/icons/_material3-dark.scss +1 -0
  74. package/styles/treegrid/icons/_material3.scss +37 -0
  75. package/styles/treegrid/icons/_tailwind-dark.scss +37 -0
  76. package/styles/treegrid/icons/_tailwind.scss +37 -0
  77. package/styles/treegrid/material-dark.scss +18 -1
  78. package/styles/treegrid/material.scss +18 -1
  79. package/styles/treegrid/material3-dark.scss +18 -1
  80. package/styles/treegrid/material3.scss +18 -1
  81. package/styles/treegrid/tailwind-dark.scss +18 -1
  82. package/styles/treegrid/tailwind.scss +18 -1
  83. package/syncfusion-ej2-angular-treegrid.d.ts +5 -0
  84. package/@syncfusion/ej2-angular-treegrid.es5.js +0 -798
  85. package/@syncfusion/ej2-angular-treegrid.es5.js.map +0 -1
  86. package/@syncfusion/ej2-angular-treegrid.js +0 -748
  87. package/@syncfusion/ej2-angular-treegrid.js.map +0 -1
  88. package/CHANGELOG.md +0 -205
  89. package/dist/ej2-angular-treegrid.umd.js +0 -979
  90. package/dist/ej2-angular-treegrid.umd.js.map +0 -1
  91. package/dist/ej2-angular-treegrid.umd.min.js +0 -11
  92. package/dist/ej2-angular-treegrid.umd.min.js.map +0 -1
  93. package/ej2-angular-treegrid.d.ts +0 -5
  94. package/ej2-angular-treegrid.metadata.json +0 -1
  95. package/postinstall/tagchange.js +0 -18
  96. package/schematics/collection.json +0 -20
  97. package/schematics/generators/treegrid-default/index.d.ts +0 -3
  98. package/schematics/generators/treegrid-default/index.js +0 -8
  99. package/schematics/generators/treegrid-default/sample-details.d.ts +0 -5
  100. package/schematics/generators/treegrid-default/sample-details.js +0 -7
  101. package/schematics/generators/treegrid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  102. package/schematics/generators/treegrid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -10
  103. package/schematics/generators/treegrid-default/schema.d.ts +0 -3
  104. package/schematics/generators/treegrid-default/schema.js +0 -2
  105. package/schematics/generators/treegrid-default/schema.json +0 -125
  106. package/schematics/generators/treegrid-feature/index.d.ts +0 -3
  107. package/schematics/generators/treegrid-feature/index.js +0 -8
  108. package/schematics/generators/treegrid-feature/sample-details.d.ts +0 -5
  109. package/schematics/generators/treegrid-feature/sample-details.js +0 -7
  110. package/schematics/generators/treegrid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  111. package/schematics/generators/treegrid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  112. package/schematics/generators/treegrid-feature/schema.d.ts +0 -3
  113. package/schematics/generators/treegrid-feature/schema.js +0 -2
  114. package/schematics/generators/treegrid-feature/schema.json +0 -125
  115. package/schematics/ng-add/index.d.ts +0 -3
  116. package/schematics/ng-add/index.js +0 -9
  117. package/schematics/ng-add/schema.d.ts +0 -13
  118. package/schematics/ng-add/schema.js +0 -2
  119. package/schematics/ng-add/schema.json +0 -34
  120. package/schematics/tsconfig.json +0 -25
  121. package/schematics/utils/lib-details.d.ts +0 -4
  122. package/schematics/utils/lib-details.js +0 -6
  123. package/src/treegrid/stacked-column.directive.d.ts +0 -347
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.componentName = 'treegrid';
4
- exports.sampleName = 'feature';
5
- exports.diModules = 'PageService,SortService,FilterService';
6
- exports.packageName = '@syncfusion/ej2-angular-treegrid';
7
- exports.libModules = 'TreeGridModule';
@@ -1,5 +0,0 @@
1
-
2
- .control-section {
3
- overflow: auto;
4
- padding-bottom: 10px;
5
- }
@@ -1,11 +0,0 @@
1
- <div class="control-section">
2
- <ejs-treegrid [dataSource]='data' [treeColumnIndex]='1' [allowFiltering]="true" [allowSorting]="true" childMapping='subtasks'
3
- [allowPaging]="true" [pageSettings]='pageSettings'>
4
- <e-columns>
5
- <e-column field='taskID' headerText='Task ID' textAlign='Right' width=90></e-column>
6
- <e-column field='taskName' headerText='Task Name' textAlign='Left' width=180></e-column>
7
- <e-column field='startDate' headerText='Start Date' textAlign='Right' format='yMd' width=90></e-column>
8
- <e-column field='duration' headerText='Duration' textAlign='Right' width=80></e-column>
9
- </e-columns>
10
- </ejs-treegrid>
11
- </div>
@@ -1,3 +0,0 @@
1
- import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
2
- export interface Schema extends ComponentSchema {
3
- }
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,125 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/schema",
3
- "$id": "EJ2SchemaTemplateID",
4
- "title": "treegrid-feature",
5
- "type": "object",
6
- "properties": {
7
- "path": {
8
- "type": "string",
9
- "format": "path",
10
- "description": "The path to create the component.",
11
- "visible": false
12
- },
13
- "project": {
14
- "type": "string",
15
- "description": "The name of the project.",
16
- "$default": {
17
- "$source": "projectName"
18
- }
19
- },
20
- "name": {
21
- "type": "string",
22
- "description": "The name of the component.",
23
- "$default": {
24
- "$source": "argv",
25
- "index": 0
26
- }
27
- },
28
- "inlineStyle": {
29
- "description": "Specifies if the style will be in the ts file.",
30
- "type": "boolean",
31
- "default": false,
32
- "alias": "s"
33
- },
34
- "inlineTemplate": {
35
- "description": "Specifies if the template will be in the ts file.",
36
- "type": "boolean",
37
- "default": false,
38
- "alias": "t"
39
- },
40
- "viewEncapsulation": {
41
- "description": "Specifies the view encapsulation strategy.",
42
- "enum": [
43
- "Emulated",
44
- "Native",
45
- "None",
46
- "ShadowDom"
47
- ],
48
- "type": "string",
49
- "alias": "v"
50
- },
51
- "changeDetection": {
52
- "description": "Specifies the change detection strategy.",
53
- "enum": [
54
- "Default",
55
- "OnPush"
56
- ],
57
- "type": "string",
58
- "default": "Default",
59
- "alias": "c"
60
- },
61
- "prefix": {
62
- "type": "string",
63
- "description": "The prefix to apply to generated selectors.",
64
- "alias": "p",
65
- "oneOf": [
66
- {
67
- "maxLength": 0
68
- },
69
- {
70
- "minLength": 1,
71
- "format": "html-selector"
72
- }
73
- ]
74
- },
75
- "styleext": {
76
- "description": "The file extension to be used for style files.",
77
- "type": "string",
78
- "default": "css"
79
- },
80
- "spec": {
81
- "type": "boolean",
82
- "description": "Specifies if a spec file is generated.",
83
- "default": true
84
- },
85
- "flat": {
86
- "type": "boolean",
87
- "description": "Flag to indicate if a dir is created.",
88
- "default": false
89
- },
90
- "skipImport": {
91
- "type": "boolean",
92
- "description": "Flag to skip the module import.",
93
- "default": false
94
- },
95
- "selector": {
96
- "type": "string",
97
- "format": "html-selector",
98
- "description": "The selector to use for the component."
99
- },
100
- "module": {
101
- "type": "string",
102
- "description": "Allows specification of the declaring module.",
103
- "alias": "m"
104
- },
105
- "export": {
106
- "type": "boolean",
107
- "default": false,
108
- "description": "Specifies if declaring module exports the component."
109
- },
110
- "entryComponent": {
111
- "type": "boolean",
112
- "default": false,
113
- "description": "Specifies if the component is an entry component of declaring module."
114
- },
115
- "lintFix": {
116
- "type": "boolean",
117
- "default": false,
118
- "description": "Specifies whether to apply lint fixes after generating the component."
119
- }
120
- },
121
- "required": [
122
- "name"
123
- ],
124
- "id": "treegrid-feature"
125
- }
@@ -1,3 +0,0 @@
1
- import { OptionsSchema } from './schema';
2
- import { Rule } from '@angular-devkit/schematics';
3
- export default function (options: OptionsSchema): Rule;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const lib_details_1 = require("./../utils/lib-details");
4
- const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
5
- function default_1(options) {
6
- const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
7
- return schematics_1.install(options, libOptions);
8
- }
9
- exports.default = default_1;
@@ -1,13 +0,0 @@
1
- export interface OptionsSchema {
2
- skipPackageJson: boolean;
3
- modules: string;
4
- modulePath: string;
5
- theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
6
- project?: string;
7
- }
8
- export interface LibOptionsSchema {
9
- pkgName: string;
10
- pkgVer: string;
11
- moduleName: string;
12
- themeVer: string;
13
- }
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,34 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/schema",
3
- "$id": "ngAdd",
4
- "title": "Add Essential JS 2 Angular packages",
5
- "type": "object",
6
- "properties": {
7
- "skipPackageJson": {
8
- "type": "boolean",
9
- "default": false,
10
- "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
11
- },
12
- "modules": {
13
- "type": "string",
14
- "default": "",
15
- "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
16
- },
17
- "modulePath": {
18
- "type": "string",
19
- "default": "",
20
- "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
21
- },
22
- "theme": {
23
- "enum": [
24
- "material",
25
- "fabric",
26
- "bootstrap",
27
- "highcontrast"
28
- ],
29
- "default": "material",
30
- "description": "Used to change the theme that needs to be imported"
31
- }
32
- },
33
- "required": []
34
- }
@@ -1,25 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "lib": ["es2017", "dom"],
4
- "module": "commonjs",
5
- "moduleResolution": "node",
6
- "noEmitOnError": false,
7
- "skipDefaultLibCheck": true,
8
- "skipLibCheck": true,
9
- "sourceMap": true,
10
- "target": "es6",
11
- "declaration": true,
12
- "types": [
13
- "jasmine",
14
- "node"
15
- ]
16
- },
17
- "exclude": [
18
- "node_modules",
19
- "src",
20
- "src/**/*.ts",
21
- "spec",
22
- "spec/**/*.ts",
23
- "@typings"
24
- ]
25
- }
@@ -1,4 +0,0 @@
1
- export declare const pkgName = "@syncfusion/ej2-angular-treegrid";
2
- export declare const pkgVer = "^20.12.0";
3
- export declare const moduleName = "TreeGridModule";
4
- export declare const themeVer = "~20.12.0";
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.pkgName = '@syncfusion/ej2-angular-treegrid';
4
- exports.pkgVer = '^22.1.34';
5
- exports.moduleName = 'TreeGridModule';
6
- exports.themeVer = '~22.1.34';
@@ -1,347 +0,0 @@
1
- import { ViewContainerRef } from '@angular/core';
2
- import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
- /**
4
- * `e-stacked-column` directive represent the stacked column of the Angular TreeGrid.
5
- * It must be contained in a StackedColumns component(`e-stacked-columns`).
6
- * ```html
7
- * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'>
8
- * <e-columns>
9
- * <e-column field='ID' width='100'></e-column>
10
- * <e-column headerText='Details' width='100'>
11
- * <e-stacked-columns>
12
- * <e-stacked-column field='Name' width='140'></e-stacked-column>
13
- * </e-stacked-columns>
14
- * </e-column>
15
- * </e-columns>
16
- * </ejs-treegrid>
17
- * ```
18
- */
19
- export declare class StackedColumnDirective extends ComplexBase<StackedColumnDirective> {
20
- private viewContainerRef;
21
- directivePropList: any;
22
- /**
23
- * Defines the data type of the column.
24
- * @default null
25
- */
26
- type: any;
27
- /**
28
- * If `allowEditing` set to false, then it disables editing of a particular column.
29
- * By default all columns are editable.
30
- * @default true
31
- */
32
- allowEditing: any;
33
- /**
34
- * If `allowFiltering` set to false, then it disables filtering option and filter bar element of a particular column.
35
- * By default all columns are filterable.
36
- * @default true
37
- */
38
- allowFiltering: any;
39
- /**
40
- * If `allowReordering` set to false, then it disables reorder of a particular column.
41
- * By default all columns can be reorder.
42
- * @default true
43
- */
44
- allowReordering: any;
45
- /**
46
- * If `allowResizing` set to false, it disables resize option of a particular column.
47
- * @default true
48
- */
49
- allowResizing: any;
50
- /**
51
- * If `allowSorting` set to false, then it disables sorting option of a particular column.
52
- * By default all columns are sortable.
53
- * @default true
54
- */
55
- allowSorting: any;
56
- /**
57
- * Defines the cell content's overflow mode. The available modes are
58
- *
59
- * also it will display tooltip while hover on ellipsis applied cell.
60
- * @default Syncfusion.EJ2.Grids.ClipMode.Ellipsis
61
- * @isenumeration true
62
- * @asptype Syncfusion.EJ2.Grids.ClipMode
63
- */
64
- clipMode: any;
65
- /**
66
- * Used to render multiple header rows(stacked headers) on TreeGrid header.
67
- * @default null
68
- */
69
- columns: any;
70
- /**
71
- * `commands` provides an option to display command buttons in every cell.
72
- * The available built-in command buttons are
73
- * * Edit - Edit the record.
74
- * * Delete - Delete the record.
75
- * * Save - Save the record.
76
- * * Cancel - Cancel the edit state.
77
- *
78
- * The following code example implements the custom command column.
79
- *```html
80
- *<style type="text/css" class="cssStyles">
81
- *.details-icon:before
82
- *{
83
- * content:"\e74d";
84
- *}
85
- *</style>
86
- *<div id="TreeGrid"></div>
87
- *```
88
- *```typescript
89
- *var gridObj = new TreeGrid({
90
- *datasource: window.gridData,
91
- *columns : [
92
- * { field: 'CustomerID', headerText: 'Customer ID' },
93
- * { field: 'CustomerName', headerText: 'Customer Name' },
94
- * {commands: [{buttonOption:{content: 'Details', click: onClick, cssClass: details-icon}}], headerText: 'Customer Details'}
95
- *]
96
- *gridObj.appendTo("#TreeGrid");
97
- *```
98
- *
99
- * @default null
100
- */
101
- commands: any;
102
- /**
103
- * The CSS styles and attributes of the content cells of a particular column can be customized.
104
- * @default null
105
- */
106
- customAttributes: any;
107
- /**
108
- * Defines default values for the component when adding a new record to the TreeGrid.
109
- * @default null
110
- */
111
- defaultValue: any;
112
- /**
113
- * If `disableHtmlEncode` is set to true, it encodes the HTML of the header and content cells.
114
- * @default true
115
- */
116
- disableHtmlEncode: any;
117
- /**
118
- * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.
119
- * @default false
120
- */
121
- displayAsCheckBox: any;
122
- /**
123
- * Defines the `IEditCell` object to customize default edit cell.
124
- * @default {}
125
- */
126
- edit: any;
127
- /**
128
- * Defines the type of component for editing.
129
- * @default 'stringedit'
130
- */
131
- editType: any;
132
- /**
133
- * Defines the field name of column which is mapped with mapping name of DataSource.
134
- * The bounded columns can be sort, filter etc.,
135
- * The `field` name must be a valid JavaScript identifier,
136
- * the first character must be an alphabet and should not contain spaces and special characters.
137
- * @default 'undefined'
138
- */
139
- field: any;
140
- /**
141
- * Defines the filter options to customize filtering for the particular column.
142
- *
143
- * @default null
144
- *
145
- */
146
- filter: any;
147
- /**
148
- * The `filterBarTemplate` is used to add a custom component instead of default input component for filter bar.
149
- * It have create and read functions.
150
- * * create: It is used for creating custom components.
151
- * * read: It is used to perform custom filter action.
152
- *
153
- * ```html
154
- *<div id="TreeGrid"></div>
155
- *```
156
- *```typescript
157
- *let gridObj: TreeGrid = new TreeGrid({
158
- *dataSource: filterData,
159
- *columns: [
160
- * { field: 'OrderID', headerText: 'Order ID' },
161
- * {
162
- * field: 'EmployeeID', filterBarTemplate: {
163
- * create: (args: { element: Element, column: Column }) => {
164
- * let input: HTMLInputElement = document.createElement('input');
165
- * input.id = 'EmployeeID';
166
- * input.type = 'text';
167
- * return input;
168
- * },
169
- * write: (args: { element: Element, column: Column }) => {
170
- * args.element.addEventListener('input', args.column.filterBarTemplate.read as EventListener);
171
- * },
172
- * read: (args: { element: HTMLInputElement, columnIndex: number, column: Column }) => {
173
- * gridObj.filterByColumn(args.element.id, 'equal', args.element.value);
174
- * }
175
- * }
176
- * }],
177
- * allowFiltering: true
178
- *});
179
- *gridObj.appendTo('#TreeGrid');
180
- *```
181
- *
182
- * @default null
183
- */
184
- filterBarTemplate: any;
185
- /**
186
- * It is used to change display value with the given format and does not affect the original data.
187
- * Gets the format from the user which can be standard or custom
188
- * [`number`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
189
- * and [`date`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string-1) formats.
190
- * @default null
191
- * @asptype string
192
- */
193
- format: any;
194
- /**
195
- * Defines the method which is used to achieve custom formatting from an external function.
196
- * This function triggers before rendering of each cell.
197
- * @default null
198
- */
199
- formatter: any;
200
- /**
201
- * Defines which side the column need to freeze
202
- * @default Syncfusion.EJ2.Grids.FreezeDirection.None
203
- * @isenumeration true
204
- * @asptype Syncfusion.EJ2.Grids.FreezeDirection
205
- */
206
- freeze: any;
207
- /**
208
- * Defines the header text of column which is used to display in column header.
209
- * If `headerText` is not defined, then field name value will be assigned to header text.
210
- * @default 'undefined'
211
- */
212
- headerText: any;
213
- /**
214
- * Define the alignment of column header which is used to align the text of column header.
215
- * @default null
216
- * @aspdefaultvalueignore
217
- * @isenumeration true
218
- * @asptype Syncfusion.EJ2.Grids.TextAlign
219
- */
220
- headerTextAlign: any;
221
- /**
222
- * Column visibility can change based on [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html).
223
- * `hideAtMedia` accepts only valid Media Queries.
224
- * @default 'undefined'
225
- */
226
- hideAtMedia: any;
227
- /**
228
- * You can use this property to freeze selected columns in grid.
229
- * @default false
230
- */
231
- isFrozen: any;
232
- /**
233
- * If `isIdentity` is set to true, then this column is considered as identity column.
234
- * @default false
235
- */
236
- isIdentity: any;
237
- /**
238
- * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.
239
- * @default false
240
- */
241
- isPrimaryKey: any;
242
- /**
243
- * If `lockColumn` set to true, then it disables Reordering of a particular column.
244
- * The locked column will be moved to first position.
245
- * @default false
246
- */
247
- lockColumn: any;
248
- /**
249
- * Defines the maximum width of the column in pixels or percentage, which will restrict resizing beyond this pixels or percentage.
250
- * @default 'undefined'
251
- */
252
- maxWidth: any;
253
- /**
254
- * Defines the minimum width of the column in pixels or percentage.
255
- * @default 'undefined'
256
- */
257
- minWidth: any;
258
- /**
259
- * If `showCheckbox` set to true, then the checkboxes will be displayed in particular column.
260
- * @default false
261
- */
262
- showCheckbox: any;
263
- /**
264
- * If `showColumnMenu` set to false, then it disable the column menu of a particular column.
265
- * By default column menu will show for all columns
266
- * @default true
267
- */
268
- showColumnMenu: any;
269
- /**
270
- * If `showInColumnChooser` set to false, then hide the particular column in column chooser.
271
- * By default all columns are displayed in column Chooser.
272
- * @default true
273
- */
274
- showInColumnChooser: any;
275
- /**
276
- * Defines the sort comparer property.
277
- * @default 'undefined'
278
- */
279
- sortComparer: any;
280
- /**
281
- * Defines the alignment of the column in both header and content cells.
282
- * @default Syncfusion.EJ2.Grids.TextAlign.Left
283
- * @isenumeration true
284
- * @asptype Syncfusion.EJ2.Grids.TextAlign
285
- */
286
- textAlign: any;
287
- /**
288
- * Gets the unique identifier value of the column. It is used to get the object.
289
- * @default 'undefined'
290
- */
291
- uid: any;
292
- /**
293
- * Defines rules to validate data before creating and updating.
294
- * @default null
295
- */
296
- validationRules: any;
297
- /**
298
- * Defines the method used to apply custom cell values from external function and display this on each cell rendered.
299
- * @default null
300
- */
301
- valueAccessor: any;
302
- /**
303
- * If `visible` is set to false, hides the particular column. By default, columns are displayed.
304
- * @default true
305
- */
306
- visible: any;
307
- /**
308
- * Defines the width of the column in pixels or percentage.
309
- * @default 'undefined'
310
- */
311
- width: any;
312
- /**
313
- * Defines the column template that renders customized element in each cell of the column.
314
- * It accepts either [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID.
315
- * @default null
316
- * @asptype string
317
- */
318
- template: any;
319
- /**
320
- * Defines the header template as string or HTML element ID which is used to add customized element in the column header.
321
- * @default null
322
- * @asptype string
323
- */
324
- headerTemplate: any;
325
- filter_itemTemplate: any;
326
- /**
327
- * Defines the filter template/UI that is used as filter for a particular column.
328
- * It accepts either template string or HTML element ID.
329
- * @aspignore
330
- */
331
- filterTemplate: any;
332
- commandsTemplate: any;
333
- /**
334
- * Defines the cell edit template that used as editor for a particular column.
335
- * It accepts either template string or HTML element ID.
336
- * @aspignore
337
- */
338
- editTemplate: any;
339
- constructor(viewContainerRef: ViewContainerRef);
340
- }
341
- /**
342
- * StackedColumn Array Directive
343
- * @private
344
- */
345
- export declare class StackedColumnsDirective extends ArrayBase<StackedColumnsDirective> {
346
- constructor();
347
- }