@syncfusion/ej2-treegrid 29.2.4 → 30.1.37

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 (97) hide show
  1. package/.eslintrc.json +2 -0
  2. package/dist/ej2-treegrid.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js +2 -2
  4. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-treegrid.es2015.js +251 -149
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +311 -178
  8. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  9. package/dist/global/ej2-treegrid.min.js +2 -2
  10. package/dist/global/ej2-treegrid.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +15 -51
  13. package/src/treegrid/actions/batch-edit.d.ts +1 -0
  14. package/src/treegrid/actions/batch-edit.js +57 -29
  15. package/src/treegrid/actions/clipboard.js +5 -8
  16. package/src/treegrid/actions/crud-actions.js +3 -1
  17. package/src/treegrid/actions/detail-row.js +7 -8
  18. package/src/treegrid/actions/edit.d.ts +1 -0
  19. package/src/treegrid/actions/edit.js +26 -11
  20. package/src/treegrid/actions/filter.js +2 -5
  21. package/src/treegrid/actions/rowdragdrop.js +7 -13
  22. package/src/treegrid/actions/sort.js +6 -1
  23. package/src/treegrid/actions/summary.js +2 -16
  24. package/src/treegrid/actions/toolbar.js +2 -2
  25. package/src/treegrid/base/data.js +34 -14
  26. package/src/treegrid/base/interface.d.ts +5 -1
  27. package/src/treegrid/base/treegrid-model.d.ts +8 -1
  28. package/src/treegrid/base/treegrid.d.ts +7 -0
  29. package/src/treegrid/base/treegrid.js +87 -53
  30. package/src/treegrid/renderer/virtual-row-model-generator.js +10 -13
  31. package/src/treegrid/renderer/virtual-tree-content-render.d.ts +1 -0
  32. package/src/treegrid/renderer/virtual-tree-content-render.js +65 -6
  33. package/styles/bds-lite.css +30 -0
  34. package/styles/bds.css +30 -0
  35. package/styles/bootstrap-dark-lite.css +30 -0
  36. package/styles/bootstrap-dark.css +30 -0
  37. package/styles/bootstrap-lite.css +30 -0
  38. package/styles/bootstrap.css +30 -0
  39. package/styles/bootstrap4-lite.css +30 -0
  40. package/styles/bootstrap4.css +30 -0
  41. package/styles/bootstrap5-dark-lite.css +30 -0
  42. package/styles/bootstrap5-dark.css +30 -0
  43. package/styles/bootstrap5-lite.css +30 -0
  44. package/styles/bootstrap5.3-lite.css +30 -0
  45. package/styles/bootstrap5.3.css +30 -0
  46. package/styles/bootstrap5.css +30 -0
  47. package/styles/fabric-dark-lite.css +30 -0
  48. package/styles/fabric-dark.css +30 -0
  49. package/styles/fabric-lite.css +30 -0
  50. package/styles/fabric.css +30 -0
  51. package/styles/fluent-dark-lite.css +30 -0
  52. package/styles/fluent-dark.css +30 -0
  53. package/styles/fluent-lite.css +30 -0
  54. package/styles/fluent.css +30 -0
  55. package/styles/fluent2-lite.css +30 -0
  56. package/styles/fluent2.css +30 -3
  57. package/styles/highcontrast-light-lite.css +30 -0
  58. package/styles/highcontrast-light.css +30 -0
  59. package/styles/highcontrast-lite.css +30 -0
  60. package/styles/highcontrast.css +30 -0
  61. package/styles/material-dark-lite.css +30 -0
  62. package/styles/material-dark.css +30 -0
  63. package/styles/material-lite.css +30 -0
  64. package/styles/material.css +30 -0
  65. package/styles/material3-dark-lite.css +30 -0
  66. package/styles/material3-dark.css +30 -0
  67. package/styles/material3-lite.css +30 -0
  68. package/styles/material3.css +30 -0
  69. package/styles/tailwind-dark-lite.css +30 -0
  70. package/styles/tailwind-dark.css +30 -0
  71. package/styles/tailwind-lite.css +30 -0
  72. package/styles/tailwind.css +30 -0
  73. package/styles/tailwind3-lite.css +30 -0
  74. package/styles/tailwind3.css +30 -0
  75. package/styles/treegrid/_bigger.scss +66 -66
  76. package/styles/treegrid/_layout.scss +39 -0
  77. package/styles/treegrid/bds.css +30 -0
  78. package/styles/treegrid/bootstrap-dark.css +30 -0
  79. package/styles/treegrid/bootstrap.css +30 -0
  80. package/styles/treegrid/bootstrap4.css +30 -0
  81. package/styles/treegrid/bootstrap5-dark.css +30 -0
  82. package/styles/treegrid/bootstrap5.3.css +30 -0
  83. package/styles/treegrid/bootstrap5.css +30 -0
  84. package/styles/treegrid/fabric-dark.css +30 -0
  85. package/styles/treegrid/fabric.css +30 -0
  86. package/styles/treegrid/fluent-dark.css +30 -0
  87. package/styles/treegrid/fluent.css +30 -0
  88. package/styles/treegrid/fluent2.css +30 -3
  89. package/styles/treegrid/highcontrast-light.css +30 -0
  90. package/styles/treegrid/highcontrast.css +30 -0
  91. package/styles/treegrid/material-dark.css +30 -0
  92. package/styles/treegrid/material.css +30 -0
  93. package/styles/treegrid/material3-dark.css +30 -0
  94. package/styles/treegrid/material3.css +30 -0
  95. package/styles/treegrid/tailwind-dark.css +30 -0
  96. package/styles/treegrid/tailwind.css +30 -0
  97. package/styles/treegrid/tailwind3.css +30 -0
@@ -171,6 +171,12 @@
171
171
  content: "\e75c";
172
172
  }
173
173
 
174
+ @media print {
175
+ .e-treecell-child {
176
+ width: 10px;
177
+ display: inline-block;
178
+ }
179
+ }
174
180
  .e-treegrid .e-icons.e-none::before {
175
181
  content: "";
176
182
  }
@@ -190,6 +196,22 @@
190
196
  text-align: center;
191
197
  vertical-align: unset;
192
198
  }
199
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
200
+ width: 4px;
201
+ display: inline-block;
202
+ }
203
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
204
+ width: 10px;
205
+ display: inline-block;
206
+ }
207
+ .e-treegrid .e-expand-iconstyle {
208
+ width: 16px;
209
+ }
210
+ .e-treegrid .e-print-layout {
211
+ position: absolute;
212
+ top: -9999px;
213
+ left: -9999px;
214
+ }
193
215
  .e-treegrid tr.e-childrow-hidden {
194
216
  display: none;
195
217
  }
@@ -307,6 +329,7 @@
307
329
  width: 0;
308
330
  }
309
331
  .e-treegrid .e-detailheadercell,
332
+ .e-treegrid .e-detailcell-visible,
310
333
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
311
334
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
312
335
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -315,6 +338,13 @@
315
338
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
316
339
  display: none;
317
340
  }
341
+ .e-treegrid .e-table-cell::before {
342
+ content: none;
343
+ display: none;
344
+ }
345
+ .e-treegrid .e-table-cell {
346
+ display: table-cell;
347
+ }
318
348
  .e-treegrid .e-icons.e-errorelem {
319
349
  padding-left: 10px;
320
350
  display: inline-block;
@@ -171,6 +171,12 @@
171
171
  content: "\e75c";
172
172
  }
173
173
 
174
+ @media print {
175
+ .e-treecell-child {
176
+ width: 10px;
177
+ display: inline-block;
178
+ }
179
+ }
174
180
  .e-treegrid .e-icons.e-none::before {
175
181
  content: "";
176
182
  }
@@ -190,6 +196,22 @@
190
196
  text-align: center;
191
197
  vertical-align: unset;
192
198
  }
199
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
200
+ width: 4px;
201
+ display: inline-block;
202
+ }
203
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
204
+ width: 10px;
205
+ display: inline-block;
206
+ }
207
+ .e-treegrid .e-expand-iconstyle {
208
+ width: 16px;
209
+ }
210
+ .e-treegrid .e-print-layout {
211
+ position: absolute;
212
+ top: -9999px;
213
+ left: -9999px;
214
+ }
193
215
  .e-treegrid tr.e-childrow-hidden {
194
216
  display: none;
195
217
  }
@@ -307,6 +329,7 @@
307
329
  width: 0;
308
330
  }
309
331
  .e-treegrid .e-detailheadercell,
332
+ .e-treegrid .e-detailcell-visible,
310
333
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
311
334
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
312
335
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -315,6 +338,13 @@
315
338
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
316
339
  display: none;
317
340
  }
341
+ .e-treegrid .e-table-cell::before {
342
+ content: none;
343
+ display: none;
344
+ }
345
+ .e-treegrid .e-table-cell {
346
+ display: table-cell;
347
+ }
318
348
  .e-treegrid .e-icons.e-errorelem {
319
349
  padding-left: 10px;
320
350
  display: inline-block;
@@ -175,6 +175,12 @@
175
175
  content: "\e75c";
176
176
  }
177
177
 
178
+ @media print {
179
+ .e-treecell-child {
180
+ width: 10px;
181
+ display: inline-block;
182
+ }
183
+ }
178
184
  .e-treegrid .e-icons.e-none::before {
179
185
  content: "";
180
186
  }
@@ -194,6 +200,22 @@
194
200
  text-align: center;
195
201
  vertical-align: unset;
196
202
  }
203
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
204
+ width: 4px;
205
+ display: inline-block;
206
+ }
207
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
208
+ width: 10px;
209
+ display: inline-block;
210
+ }
211
+ .e-treegrid .e-expand-iconstyle {
212
+ width: 16px;
213
+ }
214
+ .e-treegrid .e-print-layout {
215
+ position: absolute;
216
+ top: -9999px;
217
+ left: -9999px;
218
+ }
197
219
  .e-treegrid tr.e-childrow-hidden {
198
220
  display: none;
199
221
  }
@@ -311,6 +333,7 @@
311
333
  width: 0;
312
334
  }
313
335
  .e-treegrid .e-detailheadercell,
336
+ .e-treegrid .e-detailcell-visible,
314
337
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
315
338
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
316
339
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -319,6 +342,13 @@
319
342
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
320
343
  display: none;
321
344
  }
345
+ .e-treegrid .e-table-cell::before {
346
+ content: none;
347
+ display: none;
348
+ }
349
+ .e-treegrid .e-table-cell {
350
+ display: table-cell;
351
+ }
322
352
  .e-treegrid .e-icons.e-errorelem {
323
353
  padding-left: 10px;
324
354
  display: inline-block;
@@ -175,6 +175,12 @@
175
175
  content: "\e75c";
176
176
  }
177
177
 
178
+ @media print {
179
+ .e-treecell-child {
180
+ width: 10px;
181
+ display: inline-block;
182
+ }
183
+ }
178
184
  .e-treegrid .e-icons.e-none::before {
179
185
  content: "";
180
186
  }
@@ -194,6 +200,22 @@
194
200
  text-align: center;
195
201
  vertical-align: unset;
196
202
  }
203
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
204
+ width: 4px;
205
+ display: inline-block;
206
+ }
207
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
208
+ width: 10px;
209
+ display: inline-block;
210
+ }
211
+ .e-treegrid .e-expand-iconstyle {
212
+ width: 16px;
213
+ }
214
+ .e-treegrid .e-print-layout {
215
+ position: absolute;
216
+ top: -9999px;
217
+ left: -9999px;
218
+ }
197
219
  .e-treegrid tr.e-childrow-hidden {
198
220
  display: none;
199
221
  }
@@ -311,6 +333,7 @@
311
333
  width: 0;
312
334
  }
313
335
  .e-treegrid .e-detailheadercell,
336
+ .e-treegrid .e-detailcell-visible,
314
337
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
315
338
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
316
339
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -319,6 +342,13 @@
319
342
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
320
343
  display: none;
321
344
  }
345
+ .e-treegrid .e-table-cell::before {
346
+ content: none;
347
+ display: none;
348
+ }
349
+ .e-treegrid .e-table-cell {
350
+ display: table-cell;
351
+ }
322
352
  .e-treegrid .e-icons.e-errorelem {
323
353
  padding-left: 10px;
324
354
  display: inline-block;
@@ -171,6 +171,12 @@
171
171
  content: "\e75c";
172
172
  }
173
173
 
174
+ @media print {
175
+ .e-treecell-child {
176
+ width: 10px;
177
+ display: inline-block;
178
+ }
179
+ }
174
180
  .e-treegrid .e-icons.e-none::before {
175
181
  content: "";
176
182
  }
@@ -190,6 +196,22 @@
190
196
  text-align: center;
191
197
  vertical-align: unset;
192
198
  }
199
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
200
+ width: 4px;
201
+ display: inline-block;
202
+ }
203
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
204
+ width: 10px;
205
+ display: inline-block;
206
+ }
207
+ .e-treegrid .e-expand-iconstyle {
208
+ width: 16px;
209
+ }
210
+ .e-treegrid .e-print-layout {
211
+ position: absolute;
212
+ top: -9999px;
213
+ left: -9999px;
214
+ }
193
215
  .e-treegrid tr.e-childrow-hidden {
194
216
  display: none;
195
217
  }
@@ -307,6 +329,7 @@
307
329
  width: 0;
308
330
  }
309
331
  .e-treegrid .e-detailheadercell,
332
+ .e-treegrid .e-detailcell-visible,
310
333
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
311
334
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
312
335
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -315,6 +338,13 @@
315
338
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
316
339
  display: none;
317
340
  }
341
+ .e-treegrid .e-table-cell::before {
342
+ content: none;
343
+ display: none;
344
+ }
345
+ .e-treegrid .e-table-cell {
346
+ display: table-cell;
347
+ }
318
348
  .e-treegrid .e-icons.e-errorelem {
319
349
  padding-left: 10px;
320
350
  display: inline-block;
@@ -108,6 +108,12 @@
108
108
  content: "\e22e";
109
109
  }
110
110
 
111
+ @media print {
112
+ .e-treecell-child {
113
+ width: 10px;
114
+ display: inline-block;
115
+ }
116
+ }
111
117
  .e-treegrid .e-icons.e-none::before {
112
118
  content: "";
113
119
  }
@@ -127,6 +133,22 @@
127
133
  text-align: center;
128
134
  vertical-align: middle;
129
135
  }
136
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
137
+ width: 4px;
138
+ display: inline-block;
139
+ }
140
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
141
+ width: 10px;
142
+ display: inline-block;
143
+ }
144
+ .e-treegrid .e-expand-iconstyle {
145
+ width: 16px;
146
+ }
147
+ .e-treegrid .e-print-layout {
148
+ position: absolute;
149
+ top: -9999px;
150
+ left: -9999px;
151
+ }
130
152
  .e-treegrid tr.e-childrow-hidden {
131
153
  display: none;
132
154
  }
@@ -247,6 +269,7 @@
247
269
  width: 0;
248
270
  }
249
271
  .e-treegrid .e-detailheadercell,
272
+ .e-treegrid .e-detailcell-visible,
250
273
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
251
274
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
252
275
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -255,6 +278,13 @@
255
278
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
256
279
  display: none;
257
280
  }
281
+ .e-treegrid .e-table-cell::before {
282
+ content: none;
283
+ display: none;
284
+ }
285
+ .e-treegrid .e-table-cell {
286
+ display: table-cell;
287
+ }
258
288
  .e-treegrid .e-icons.e-errorelem {
259
289
  padding-left: 10px;
260
290
  display: inline-block;
@@ -108,6 +108,12 @@
108
108
  content: "\e22e";
109
109
  }
110
110
 
111
+ @media print {
112
+ .e-treecell-child {
113
+ width: 10px;
114
+ display: inline-block;
115
+ }
116
+ }
111
117
  .e-treegrid .e-icons.e-none::before {
112
118
  content: "";
113
119
  }
@@ -127,6 +133,22 @@
127
133
  text-align: center;
128
134
  vertical-align: middle;
129
135
  }
136
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
137
+ width: 4px;
138
+ display: inline-block;
139
+ }
140
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
141
+ width: 10px;
142
+ display: inline-block;
143
+ }
144
+ .e-treegrid .e-expand-iconstyle {
145
+ width: 16px;
146
+ }
147
+ .e-treegrid .e-print-layout {
148
+ position: absolute;
149
+ top: -9999px;
150
+ left: -9999px;
151
+ }
130
152
  .e-treegrid tr.e-childrow-hidden {
131
153
  display: none;
132
154
  }
@@ -247,6 +269,7 @@
247
269
  width: 0;
248
270
  }
249
271
  .e-treegrid .e-detailheadercell,
272
+ .e-treegrid .e-detailcell-visible,
250
273
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
251
274
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
252
275
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -255,6 +278,13 @@
255
278
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
256
279
  display: none;
257
280
  }
281
+ .e-treegrid .e-table-cell::before {
282
+ content: none;
283
+ display: none;
284
+ }
285
+ .e-treegrid .e-table-cell {
286
+ display: table-cell;
287
+ }
258
288
  .e-treegrid .e-icons.e-errorelem {
259
289
  padding-left: 10px;
260
290
  display: inline-block;
@@ -108,6 +108,12 @@
108
108
  content: "\e22e";
109
109
  }
110
110
 
111
+ @media print {
112
+ .e-treecell-child {
113
+ width: 10px;
114
+ display: inline-block;
115
+ }
116
+ }
111
117
  .e-treegrid .e-icons.e-none::before {
112
118
  content: "";
113
119
  }
@@ -127,6 +133,22 @@
127
133
  text-align: center;
128
134
  vertical-align: middle;
129
135
  }
136
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
137
+ width: 4px;
138
+ display: inline-block;
139
+ }
140
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
141
+ width: 10px;
142
+ display: inline-block;
143
+ }
144
+ .e-treegrid .e-expand-iconstyle {
145
+ width: 16px;
146
+ }
147
+ .e-treegrid .e-print-layout {
148
+ position: absolute;
149
+ top: -9999px;
150
+ left: -9999px;
151
+ }
130
152
  .e-treegrid tr.e-childrow-hidden {
131
153
  display: none;
132
154
  }
@@ -247,6 +269,7 @@
247
269
  width: 0;
248
270
  }
249
271
  .e-treegrid .e-detailheadercell,
272
+ .e-treegrid .e-detailcell-visible,
250
273
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
251
274
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
252
275
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -255,6 +278,13 @@
255
278
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
256
279
  display: none;
257
280
  }
281
+ .e-treegrid .e-table-cell::before {
282
+ content: none;
283
+ display: none;
284
+ }
285
+ .e-treegrid .e-table-cell {
286
+ display: table-cell;
287
+ }
258
288
  .e-treegrid .e-icons.e-errorelem {
259
289
  padding-left: 10px;
260
290
  display: inline-block;
package/styles/fabric.css CHANGED
@@ -108,6 +108,12 @@
108
108
  content: "\e22e";
109
109
  }
110
110
 
111
+ @media print {
112
+ .e-treecell-child {
113
+ width: 10px;
114
+ display: inline-block;
115
+ }
116
+ }
111
117
  .e-treegrid .e-icons.e-none::before {
112
118
  content: "";
113
119
  }
@@ -127,6 +133,22 @@
127
133
  text-align: center;
128
134
  vertical-align: middle;
129
135
  }
136
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
137
+ width: 4px;
138
+ display: inline-block;
139
+ }
140
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
141
+ width: 10px;
142
+ display: inline-block;
143
+ }
144
+ .e-treegrid .e-expand-iconstyle {
145
+ width: 16px;
146
+ }
147
+ .e-treegrid .e-print-layout {
148
+ position: absolute;
149
+ top: -9999px;
150
+ left: -9999px;
151
+ }
130
152
  .e-treegrid tr.e-childrow-hidden {
131
153
  display: none;
132
154
  }
@@ -247,6 +269,7 @@
247
269
  width: 0;
248
270
  }
249
271
  .e-treegrid .e-detailheadercell,
272
+ .e-treegrid .e-detailcell-visible,
250
273
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
251
274
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
252
275
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -255,6 +278,13 @@
255
278
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
256
279
  display: none;
257
280
  }
281
+ .e-treegrid .e-table-cell::before {
282
+ content: none;
283
+ display: none;
284
+ }
285
+ .e-treegrid .e-table-cell {
286
+ display: table-cell;
287
+ }
258
288
  .e-treegrid .e-icons.e-errorelem {
259
289
  padding-left: 10px;
260
290
  display: inline-block;
@@ -163,6 +163,12 @@
163
163
  content: "\e75c";
164
164
  }
165
165
 
166
+ @media print {
167
+ .e-treecell-child {
168
+ width: 10px;
169
+ display: inline-block;
170
+ }
171
+ }
166
172
  .e-treegrid .e-icons.e-none::before {
167
173
  content: "";
168
174
  }
@@ -183,6 +189,22 @@
183
189
  text-align: center;
184
190
  vertical-align: unset;
185
191
  }
192
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
193
+ width: 4px;
194
+ display: inline-block;
195
+ }
196
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
197
+ width: 10px;
198
+ display: inline-block;
199
+ }
200
+ .e-treegrid .e-expand-iconstyle {
201
+ width: 16px;
202
+ }
203
+ .e-treegrid .e-print-layout {
204
+ position: absolute;
205
+ top: -9999px;
206
+ left: -9999px;
207
+ }
186
208
  .e-treegrid tr.e-childrow-hidden {
187
209
  display: none;
188
210
  }
@@ -310,6 +332,7 @@
310
332
  width: 0;
311
333
  }
312
334
  .e-treegrid .e-detailheadercell,
335
+ .e-treegrid .e-detailcell-visible,
313
336
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
314
337
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
315
338
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -318,6 +341,13 @@
318
341
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
319
342
  display: none;
320
343
  }
344
+ .e-treegrid .e-table-cell::before {
345
+ content: none;
346
+ display: none;
347
+ }
348
+ .e-treegrid .e-table-cell {
349
+ display: table-cell;
350
+ }
321
351
  .e-treegrid .e-icons.e-errorelem {
322
352
  padding-left: 10px;
323
353
  display: inline-block;
@@ -163,6 +163,12 @@
163
163
  content: "\e75c";
164
164
  }
165
165
 
166
+ @media print {
167
+ .e-treecell-child {
168
+ width: 10px;
169
+ display: inline-block;
170
+ }
171
+ }
166
172
  .e-treegrid .e-icons.e-none::before {
167
173
  content: "";
168
174
  }
@@ -183,6 +189,22 @@
183
189
  text-align: center;
184
190
  vertical-align: unset;
185
191
  }
192
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
193
+ width: 4px;
194
+ display: inline-block;
195
+ }
196
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
197
+ width: 10px;
198
+ display: inline-block;
199
+ }
200
+ .e-treegrid .e-expand-iconstyle {
201
+ width: 16px;
202
+ }
203
+ .e-treegrid .e-print-layout {
204
+ position: absolute;
205
+ top: -9999px;
206
+ left: -9999px;
207
+ }
186
208
  .e-treegrid tr.e-childrow-hidden {
187
209
  display: none;
188
210
  }
@@ -310,6 +332,7 @@
310
332
  width: 0;
311
333
  }
312
334
  .e-treegrid .e-detailheadercell,
335
+ .e-treegrid .e-detailcell-visible,
313
336
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
314
337
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
315
338
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -318,6 +341,13 @@
318
341
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
319
342
  display: none;
320
343
  }
344
+ .e-treegrid .e-table-cell::before {
345
+ content: none;
346
+ display: none;
347
+ }
348
+ .e-treegrid .e-table-cell {
349
+ display: table-cell;
350
+ }
321
351
  .e-treegrid .e-icons.e-errorelem {
322
352
  padding-left: 10px;
323
353
  display: inline-block;
@@ -163,6 +163,12 @@
163
163
  content: "\e75c";
164
164
  }
165
165
 
166
+ @media print {
167
+ .e-treecell-child {
168
+ width: 10px;
169
+ display: inline-block;
170
+ }
171
+ }
166
172
  .e-treegrid .e-icons.e-none::before {
167
173
  content: "";
168
174
  }
@@ -183,6 +189,22 @@
183
189
  text-align: center;
184
190
  vertical-align: unset;
185
191
  }
192
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
193
+ width: 4px;
194
+ display: inline-block;
195
+ }
196
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
197
+ width: 10px;
198
+ display: inline-block;
199
+ }
200
+ .e-treegrid .e-expand-iconstyle {
201
+ width: 16px;
202
+ }
203
+ .e-treegrid .e-print-layout {
204
+ position: absolute;
205
+ top: -9999px;
206
+ left: -9999px;
207
+ }
186
208
  .e-treegrid tr.e-childrow-hidden {
187
209
  display: none;
188
210
  }
@@ -310,6 +332,7 @@
310
332
  width: 0;
311
333
  }
312
334
  .e-treegrid .e-detailheadercell,
335
+ .e-treegrid .e-detailcell-visible,
313
336
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
314
337
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
315
338
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -318,6 +341,13 @@
318
341
  .e-treegrid tr.e-detailrow.e-childrow-hidden {
319
342
  display: none;
320
343
  }
344
+ .e-treegrid .e-table-cell::before {
345
+ content: none;
346
+ display: none;
347
+ }
348
+ .e-treegrid .e-table-cell {
349
+ display: table-cell;
350
+ }
321
351
  .e-treegrid .e-icons.e-errorelem {
322
352
  padding-left: 10px;
323
353
  display: inline-block;