@syncfusion/ej2-gantt 22.2.12 → 23.1.36

package/src/gantt/base/gantt.js

@@ -344,6 +344,7 @@ var Gantt = /** @class */ (function (_super) {
         createSpinner({ target: this.element }, this.createElement);
         this.trigger('load', {});
         this.element.classList.add(cls.root);
+        this.rowHeight = (!isNullOrUndefined(document.body.className) && document.body.className.includes("e-bigger")) ? (this.rowHeight === 36) ? 46 : this.rowHeight : this.rowHeight;
         if (this.isAdaptive) {
             this.element.classList.add(cls.adaptive);
         }
@@ -886,7 +887,39 @@ var Gantt = /** @class */ (function (_super) {
         this.treeGridModule.renderTreeGrid();
     };
     Gantt.prototype.updateCurrentViewData = function () {
+        var _this = this;
         this.currentViewData = this.treeGrid.getCurrentViewRecords().slice();
+        if (!this.loadChildOnDemand && this.taskFields.hasChildMapping && this.currentViewData.length > 0) {
+            this.autoCalculateDateScheduling = false;
+            this.flatData = [];
+            this.dataOperation.taskIds = [];
+            this.ids = [];
+            this.dataOperation.recordIndex = 0;
+            this.dataOperation.dataArray = this.currentViewData;
+            this.dataOperation.cloneDataSource();
+            if (this.predecessorModule && this.taskFields.dependency) {
+                this.predecessorModule['parentIds'] = [];
+                this.predecessorModule['parentRecord'] = [];
+                this.predecessorModule.updatePredecessors();
+            }
+            var gridData = this.treeGrid.grid.contentModule['rows'];
+            var data = gridData.filter(function (x) {
+                if (x['data'][_this.taskFields.id] === _this.flatData[0].ganttProperties.taskId) {
+                    return x;
+                }
+            })[0];
+            var index = data['index'];
+            for (var i = 0; i < this.flatData.length; i++) {
+                this.flatData[i].index = index;
+                index++;
+            }
+            this.currentViewData = this.flatData;
+            this.treeGrid.grid.currentViewData = this.flatData;
+            if (!isNullOrUndefined(this.treeGrid['virtualScrollModule'])) {
+                this.treeGrid['virtualScrollModule'].visualData = this.flatData;
+                this.updatedRecords = this.flatData;
+            }
+        }
     };
     /**
      * @param {IGanttData} records -Defines the delete record collections.
@@ -906,7 +939,7 @@ var Gantt = /** @class */ (function (_super) {
      * @private
      */
     Gantt.prototype.updateContentHeight = function (args) {
-        if (!this.allowTaskbarOverlap && this.viewType === 'ResourceView' && !this.isLoad) {
+        if ((!this.allowTaskbarOverlap && !this.ganttChartModule.isCollapseAll && !this.ganttChartModule.isExpandAll) && this.viewType === 'ResourceView' && !this.isLoad) {
             return;
         }
         else {
@@ -1272,6 +1305,9 @@ var Gantt = /** @class */ (function (_super) {
         else {
             this.getCurrentRecords(args);
         }
+        if (!this.loadChildOnDemand && this.taskFields.hasChildMapping) {
+            this.updateContentHeight();
+        }
         if (this.enableCriticalPath && this.criticalPathModule) {
             this.criticalPathModule.showCriticalPath(this.enableCriticalPath);
         }
@@ -1287,6 +1323,9 @@ var Gantt = /** @class */ (function (_super) {
         }
         this.initialChartRowElements = this.ganttChartModule.getChartRows();
         this.isLoad = false;
+        if (!this.loadChildOnDemand && this.taskFields.hasChildMapping) {
+            this.autoCalculateDateScheduling = true;
+        }
         this.trigger('dataBound', args);
     };
     /**
@@ -1551,7 +1590,14 @@ var Gantt = /** @class */ (function (_super) {
                     if (prop === 'locale') {
                         this.isLocaleChanged = true;
                     }
-                    isRefresh = true;
+                    if (prop === 'taskFields') {
+                        if (!isNullOrUndefined(newProp.taskFields.child)) {
+                            return;
+                        }
+                    }
+                    if (prop !== 'allowTaskbarDragAndDrop') {
+                        isRefresh = true;
+                    }
                     break;
                 case 'validateManualTasksOnLinking':
                     this.validateManualTasksOnLinking = newProp.validateManualTasksOnLinking;
@@ -2231,6 +2277,9 @@ var Gantt = /** @class */ (function (_super) {
      * @returns {Promise<any>} .
      */
     Gantt.prototype.pdfExport = function (pdfExportProperties, isMultipleExport, pdfDoc, isBlob) {
+        if (pdfExportProperties && pdfExportProperties.fitToWidthSettings && pdfExportProperties.fitToWidthSettings.isFitToWidth) {
+            pdfExportProperties.pageOrientation == 'Landscape';
+        }
         return this.pdfExportModule ? this.pdfExportModule.export(pdfExportProperties, isMultipleExport, pdfDoc, isBlob)
             : null;
     };
@@ -2319,14 +2368,17 @@ var Gantt = /** @class */ (function (_super) {
         this.isTimelineRoundOff = isTimelineRoundOff;
         this.timelineModule.refreshTimelineByTimeSpan();
         this.dataOperation.reUpdateGanttDataPosition();
-        this.timelineModule.updateChartByNewTimeline();
-        this.ganttChartModule.chartBodyContent.style.width = formatUnit(this.timelineModule.totalTimelineWidth);
-        this.ganttChartModule.updateLastRowBottomWidth();
-        if (this.taskFields.dependency) {
-            this.ganttChartModule.reRenderConnectorLines();
-        }
-        if (isFrom !== 'beforeAdd') {
-            this.notify('selectRowByIndex', {});
+        if (!this.pdfExportModule || (this.pdfExportModule && !this.pdfExportModule.isPdfExport) || (this.pdfExportModule && this.pdfExportModule.isPdfExport && this.pdfExportModule.helper.exportProps &&
+            this.pdfExportModule.helper.exportProps.fitToWidthSettings && !this.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth)) {
+            this.timelineModule.updateChartByNewTimeline();
+            this.ganttChartModule.chartBodyContent.style.width = formatUnit(this.timelineModule.totalTimelineWidth);
+            this.ganttChartModule.updateLastRowBottomWidth();
+            if (this.taskFields.dependency) {
+                this.ganttChartModule.reRenderConnectorLines();
+            }
+            if (isFrom !== 'beforeAdd') {
+                this.notify('selectRowByIndex', {});
+            }
         }
     };
     /**
@@ -2904,8 +2956,15 @@ var Gantt = /** @class */ (function (_super) {
      * @returns {HTMLElement} .
      */
     Gantt.prototype.getRowByID = function (id) {
+        var _this = this;
         var record = this.getRecordByID(id.toString());
-        var index = this.updatedRecords.indexOf(record);
+        var index;
+        if (!this.loadChildOnDemand && this.taskFields.hasChildMapping) {
+            index = this.updatedRecords.map(function (item) { return item[_this.taskFields.id]; }).indexOf(record.ganttProperties.taskId);
+        }
+        else {
+            index = this.updatedRecords.indexOf(record);
+        }
         if (index !== -1) {
             return this.getRowByIndex(index);
         }
@@ -3366,6 +3425,9 @@ var Gantt = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], Gantt.prototype, "enableVirtualMaskRow", void 0);
+    __decorate([
+        Property(false)
+    ], Gantt.prototype, "loadChildOnDemand", void 0);
     __decorate([
         Property(true)
     ], Gantt.prototype, "UpdateOffsetOnTaskbarEdit", void 0);

package/src/gantt/base/interface.d.ts

@@ -802,6 +802,8 @@ export interface PdfExportProperties {
     exportType?: ExportType;
     /** Indicates whether to show the predecessors in exported Pdf */
     showPredecessorLines?: boolean;
+    /** Defines the export options in rendering each row fit to the PDF page width */
+    fitToWidthSettings?: FitToWidthSettings;
 }
 export interface PdfQueryCellInfoEventArgs {
     /** Defines the column of the current cell. */
@@ -886,6 +888,18 @@ export interface ITaskbarStyle {
     criticalProgressColor?: PdfColor;
     /** Defines the child taskbar border color */
     criticalTaskBorderColor?: PdfColor;
+    /** Defines the baseline  color */
+    baselineColor?: PdfColor;
+    /** Defines the baseline border color */
+    baselineBorderColor?: PdfColor;
+}
+export interface FitToWidthSettings {
+    /** Specifies whether to export gantt data where each row is adjusted and rendered to fit the PDF document page size. */
+    isFitToWidth?: boolean;
+    /** Specifies the grid width in percentage while exporting. */
+    gridWidth?: string;
+    /** Specifies the chart width in percentage while exporting. */
+    chartWidth?: string;
 }
 export interface IGanttStyle {
     /** Defines the columnHeader style. */

package/src/gantt/base/task-processor.d.ts

@@ -5,9 +5,9 @@ import { DateProcessor } from './date-processor';
  * To calculate and update task related values
  */
 export declare class TaskProcessor extends DateProcessor {
-    private recordIndex;
-    private dataArray;
-    private taskIds;
+    recordIndex: number;
+    dataArray: Object[];
+    taskIds: Object[];
     private segmentCollection;
     private hierarchyData;
     constructor(parent: Gantt);
@@ -21,7 +21,7 @@ export declare class TaskProcessor extends DateProcessor {
     private processTimeline;
     private initDataSource;
     private constructDataSource;
-    private cloneDataSource;
+    cloneDataSource(): void;
     /**
      * @param {object[]} resources .
      * @param {object[]} data .

package/src/gantt/base/task-processor.js

@@ -87,7 +87,9 @@ var TaskProcessor = /** @class */ (function (_super) {
         dataManager.executeQuery(queryManager).then(function (e) {
             _this.dataArray = e.result;
             _this.processTimeline();
-            _this.cloneDataSource();
+            if (_this.parent.loadChildOnDemand || (!_this.parent.loadChildOnDemand && !(_this.parent.taskFields.hasChildMapping))) {
+                _this.cloneDataSource();
+            }
             _this.parent.renderGantt(isChange);
         }).catch(function (e) {
             // Trigger action failure event
@@ -126,6 +128,9 @@ var TaskProcessor = /** @class */ (function (_super) {
             var data = [];
             for (var i = 0; i < this.dataArray.length; i++) {
                 var tempData = this.dataArray[i];
+                if (tempData['parentItem']) {
+                    delete tempData['parentItem'];
+                }
                 data.push(extend({}, {}, tempData, true));
                 if (!isNullOrUndefined(tempData[taskIdMapping])) {
                     this.taskIds.push(tempData[taskIdMapping].toString());
@@ -135,7 +140,12 @@ var TaskProcessor = /** @class */ (function (_super) {
                 this.parent.setProperties({ taskFields: { child: 'Children' } }, true);
             }
             this.constructDataSource(data);
-            hierarchicalData = this.hierarchyData;
+            if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping && this.hierarchyData.length === 0) {
+                hierarchicalData = this.dataArray;
+            }
+            else {
+                hierarchicalData = this.hierarchyData;
+            }
         }
         else {
             hierarchicalData = this.dataArray;
@@ -357,7 +367,12 @@ var TaskProcessor = /** @class */ (function (_super) {
         if (!isNullOrUndefined(data[taskSettings.id])) {
             id = data[taskSettings.id];
             name = data[taskSettings.name];
-            this.addTaskData(ganttData, data, isLoad);
+            if (!this.parent.loadChildOnDemand && taskSettings.hasChildMapping && data['taskData']) {
+                ganttData['taskData'] = data['taskData'];
+            }
+            else {
+                this.addTaskData(ganttData, data, isLoad);
+            }
         }
         else if (!isNullOrUndefined(data[resourceFields.id])) {
             id = data[resourceFields.id];
@@ -395,6 +410,9 @@ var TaskProcessor = /** @class */ (function (_super) {
         this.parent.setRecordValue('notes', notes, ganttProperties, true);
         this.parent.setRecordValue('cssClass', data[taskSettings.cssClass], ganttProperties, true);
         this.parent.setRecordValue('parentItem', this.getCloneParent(parentItem), ganttData);
+        if (!this.parent.loadChildOnDemand && taskSettings.hasChildMapping && this.parent.currentViewData.length > 0) {
+            this.parent.setRecordValue('parentItem', ganttData.parentItem, this.parent.currentViewData[this.taskIds.indexOf(data[taskSettings.id].toString())]);
+        }
         var parentUniqId = ganttData.parentItem ? ganttData.parentItem.uniqueID : null;
         this.parent.setRecordValue('parentUniqueID', parentUniqId, ganttData);
         if (this.parent.viewType === 'ResourceView' && !isNullOrUndefined(taskSettings.parentID)
@@ -402,7 +420,12 @@ var TaskProcessor = /** @class */ (function (_super) {
             this.parent.setRecordValue('parentId', ganttData.parentItem.taskId, ganttProperties, true);
         }
         this.parent.setRecordValue('level', level, ganttData);
-        this.parent.setRecordValue('uniqueID', getUid(this.parent.element.id + '_data_'), ganttData);
+        if (!this.parent.loadChildOnDemand && taskSettings.hasChildMapping && data['uniqueID']) {
+            this.parent.setRecordValue('uniqueID', data['uniqueID'], ganttData);
+        }
+        else {
+            this.parent.setRecordValue('uniqueID', getUid(this.parent.element.id + '_data_'), ganttData);
+        }
         this.parent.setRecordValue('uniqueID', ganttData.uniqueID, ganttProperties, true);
         this.parent.setRecordValue('childRecords', [], ganttData);
         if (this.parent.dataSource instanceof Object && isCountRequired(this.parent) &&
@@ -417,7 +440,12 @@ var TaskProcessor = /** @class */ (function (_super) {
             }
         }
         else {
-            this.parent.setRecordValue('hasChildRecords', false, ganttData);
+            if (!this.parent.loadChildOnDemand && taskSettings.hasChildMapping && ganttData.taskData[taskSettings.hasChildMapping]) {
+                this.parent.setRecordValue('hasChildRecords', true, ganttData);
+            }
+            else {
+                this.parent.setRecordValue('hasChildRecords', false, ganttData);
+            }
         }
         if (ganttData.hasChildRecords) {
             this.parent.setRecordValue('autoStartDate', ganttData.ganttProperties.startDate, ganttProperties);
@@ -1030,7 +1058,12 @@ var TaskProcessor = /** @class */ (function (_super) {
         }
         else {
             this.updateDurationValue(duration, ganttProperties);
-            this.calculateEndDate(ganttData);
+            if (this.parent.autoCalculateDateScheduling) {
+                this.calculateEndDate(ganttData);
+            }
+            else {
+                this.parent.setRecordValue('endDate', endDate, ganttProperties, true);
+            }
         }
     };
     /**
@@ -1815,7 +1848,7 @@ var TaskProcessor = /** @class */ (function (_super) {
      */
     TaskProcessor.prototype.updateDurationValue = function (duration, ganttProperties) {
         var tempDuration = this.getDurationValue(duration);
-        if (!isNaN(getValue('duration', tempDuration))) {
+        if (!isNaN(getValue('duration', tempDuration)) && !(this.parent.viewType === "ResourceView" && tempDuration["duration"] === 0)) {
             this.parent.setRecordValue('duration', getValue('duration', tempDuration), ganttProperties, true);
         }
         if (!isNullOrUndefined(getValue('durationUnit', tempDuration))) {
@@ -2200,7 +2233,14 @@ var TaskProcessor = /** @class */ (function (_super) {
      * @private
      */
     TaskProcessor.prototype.reUpdateGanttDataPosition = function () {
-        var flatData = this.parent.flatData;
+        var flatData;
+        if (this.parent.pdfExportModule && this.parent.pdfExportModule.isPdfExport && this.parent.pdfExportModule.helper.exportProps &&
+            this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) {
+            flatData = this.parent.pdfExportModule.helper.beforeSinglePageExport['cloneFlatData'];
+        }
+        else {
+            flatData = this.parent.flatData;
+        }
         var length = flatData.length;
         for (var i = 0; i < length; i++) {
             var data = flatData[i];
@@ -2327,6 +2367,7 @@ var TaskProcessor = /** @class */ (function (_super) {
      * @private
      */
     TaskProcessor.prototype.updateParentItems = function (cloneParent, isParent) {
+        var _this = this;
         var parentData = isParent ? cloneParent : this.parent.getParentTask(cloneParent);
         var deleteUpdate = false;
         var ganttProp = parentData.ganttProperties;
@@ -2335,8 +2376,8 @@ var TaskProcessor = /** @class */ (function (_super) {
                 var previousStartDate = ganttProp.isAutoSchedule ? ganttProp.startDate : ganttProp.autoStartDate;
                 var previousEndDate = ganttProp.isAutoSchedule ? ganttProp.endDate :
                     ganttProp.autoEndDate;
-                var childRecords = parentData.childRecords;
-                var childLength = childRecords.length;
+                var childRecords_1 = parentData.childRecords;
+                var childLength = childRecords_1.length;
                 var totalDuration = 0;
                 var progressValues = {};
                 var minStartDate = null;
@@ -2345,38 +2386,43 @@ var TaskProcessor = /** @class */ (function (_super) {
                 var totalProgress = 0;
                 var childCompletedWorks = 0;
                 var childData = void 0;
-                for (var count = 0; count < childLength; count++) {
-                    childData = childRecords[count];
-                    if (this.parent.isOnDelete && childData.isDelete) {
-                        if (childLength === 1 && this.parent.viewType === 'ProjectView') {
+                var _loop_6 = function (count) {
+                    if (!this_4.parent.loadChildOnDemand && this_4.parent.taskFields.hasChildMapping) {
+                        childData = this_4.parent.currentViewData.filter(function (item) { return item.ganttProperties.taskId === childRecords_1[count][_this.parent.taskFields.id]; })[0];
+                    }
+                    else {
+                        childData = childRecords_1[count];
+                    }
+                    if (this_4.parent.isOnDelete && childData.isDelete) {
+                        if (childLength === 1 && this_4.parent.viewType === 'ProjectView') {
                             deleteUpdate = true;
                         }
-                        continue;
+                        return "continue";
                     }
-                    var startDate = this.getValidStartDate(childData.ganttProperties);
+                    var startDate = this_4.getValidStartDate(childData.ganttProperties);
                     if (parentData.hasChildRecords && !ganttProp.isAutoSchedule && !isNullOrUndefined(childData.ganttProperties.autoStartDate)) {
                         startDate = childData.ganttProperties.autoStartDate;
                     }
-                    var endDate = this.getValidEndDate(childData.ganttProperties);
+                    var endDate = this_4.getValidEndDate(childData.ganttProperties);
                     if (parentData.hasChildRecords && !ganttProp.isAutoSchedule && !isNullOrUndefined(childData.ganttProperties.autoEndDate)) {
                         endDate = childData.ganttProperties.autoEndDate;
                     }
                     if (isNullOrUndefined(minStartDate)) {
-                        minStartDate = this.getDateFromFormat(startDate);
+                        minStartDate = this_4.getDateFromFormat(startDate);
                     }
                     if (isNullOrUndefined(maxEndDate)) {
-                        maxEndDate = this.getDateFromFormat(endDate);
+                        maxEndDate = this_4.getDateFromFormat(endDate);
                     }
-                    if (!isNullOrUndefined(endDate) && this.compareDates(endDate, maxEndDate) === 1) {
-                        maxEndDate = this.getDateFromFormat(endDate);
+                    if (!isNullOrUndefined(endDate) && this_4.compareDates(endDate, maxEndDate) === 1) {
+                        maxEndDate = this_4.getDateFromFormat(endDate);
                     }
-                    if (!isNullOrUndefined(startDate) && this.compareDates(startDate, minStartDate) === -1) {
-                        minStartDate = this.getDateFromFormat(startDate);
+                    if (!isNullOrUndefined(startDate) && this_4.compareDates(startDate, minStartDate) === -1) {
+                        minStartDate = this_4.getDateFromFormat(startDate);
                     }
                     if (!childData.ganttProperties.isMilestone && isScheduledTask(childData.ganttProperties)) {
-                        progressValues = this.getParentProgress(childData);
+                        progressValues = this_4.getParentProgress(childData);
                         totalProgress += getValue('totalProgress', progressValues);
-                        if (childData[this.parent.taskFields.duration] < 1) {
+                        if (childData[this_4.parent.taskFields.duration] < 1) {
                             totalDuration += getValue('totalDuration', progressValues);
                             totalDuration = Number(totalDuration.toFixed(4));
                         }
@@ -2388,6 +2434,10 @@ var TaskProcessor = /** @class */ (function (_super) {
                         milestoneCount++;
                     }
                     childCompletedWorks += childData.ganttProperties.work;
+                };
+                var this_4 = this;
+                for (var count = 0; count < childLength; count++) {
+                    _loop_6(count);
                 }
                 if (!deleteUpdate) {
                     var taskCount = void 0;

package/src/gantt/base/tree-grid.js

@@ -117,6 +117,11 @@ var GanttTreeGrid = /** @class */ (function () {
         this.wireEvents();
     };
     GanttTreeGrid.prototype.composeProperties = function () {
+        this.parent.treeGrid.hasChildMapping = this.parent.taskFields.hasChildMapping;
+        this.parent.treeGrid.loadChildOnDemand = this.parent.loadChildOnDemand;
+        this.parent.treeGrid['isFromGantt'] = true;
+        this.parent.treeGrid.parentIdMapping = this.parent.taskFields.parentID;
+        this.parent.treeGrid.idMapping = this.parent.taskFields.id;
         this.parent.treeGrid.showColumnMenu = this.parent.showColumnMenu;
         this.parent.treeGrid.enableCollapseAll = this.parent.collapseAllParentTasks;
         this.parent.treeGrid.columnMenuItems = this.parent.columnMenuItems;
@@ -133,8 +138,14 @@ var GanttTreeGrid = /** @class */ (function () {
             this.parent.treeGrid.dataSource = { result: this.parent.flatData, count: count };
         }
         else {
-            this.parent.treeGrid.hasChildMapping = null;
-            this.parent.treeGrid.dataSource = this.parent.flatData;
+            if (!this.parent.treeGrid.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+                this.parent.autoCalculateDateScheduling = false;
+                this.parent.treeGrid.dataSource = this.parent.dataSource;
+            }
+            else {
+                this.parent.treeGrid.hasChildMapping = null;
+                this.parent.treeGrid.dataSource = this.parent.flatData;
+            }
         }
         this.parent.treeGrid.expandStateMapping = this.parent.taskFields.expandState;
         var isGantt = 'isGantt';
@@ -295,7 +306,7 @@ var GanttTreeGrid = /** @class */ (function () {
                 collapsedArgs = this.createExpandCollapseArgs(args, null);
                 this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
             }
-            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && collapsedArgs['gridRow']) {
+            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && !this.parent.ganttChartModule.isCollapseAll && collapsedArgs['gridRow']) {
                 collapsedArgs['gridRow'].style.height = collapsedArgs['chartRow'].style.height;
                 this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
                     this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
@@ -325,7 +336,7 @@ var GanttTreeGrid = /** @class */ (function () {
                 expandedArgs = this.createExpandCollapseArgs(args, null);
                 this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
             }
-            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && args['row']) {
+            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && !this.parent.ganttChartModule.isExpandAll && args['row']) {
                 args['row'].style.height = this.parent.rowHeight + 'px';
                 this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
                     this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
@@ -895,6 +906,9 @@ var GanttTreeGrid = /** @class */ (function () {
         if (!isNullOrUndefined(ganttProp)) {
             return this.parent.dataOperation.getDurationString(ganttProp.duration, ganttProp.durationUnit);
         }
+        else if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+            return this.parent.dataOperation.getDurationString(parseInt(data[this.parent.taskFields.duration]), this.parent.durationUnit);
+        }
         return '';
     }; // eslint-disable-next-line
     GanttTreeGrid.prototype.resourceValueAccessor = function (field, data, column) {
@@ -931,12 +945,7 @@ var GanttTreeGrid = /** @class */ (function () {
     };
     GanttTreeGrid.prototype.updateScrollTop = function (args) {
         var newScrollTop;
-        if (getValue('top', args) > (this.parent.flatData.length * this.parent.rowHeight)) {
-            newScrollTop = getValue('top', args) - document.getElementsByClassName('e-chart-scroll-container e-content')[0]['offsetHeight'];
-        }
-        else {
-            newScrollTop = getValue('top', args);
-        }
+        newScrollTop = getValue('top', args);
         this.treeGridElement.querySelector('.e-content').scrollTop = newScrollTop;
         this.previousScroll.top = this.treeGridElement.querySelector('.e-content').scrollTop;
     };

package/src/gantt/export/export-helper.d.ts

@@ -9,7 +9,7 @@ import { Gantt } from './../base/gantt';
 export declare class ExportHelper {
     private parent;
     private flatData;
-    private exportProps;
+    exportProps: PdfExportProperties;
     private gantt;
     private rowIndex;
     private colIndex;
@@ -19,7 +19,11 @@ export declare class ExportHelper {
     private pdfDoc;
     private exportValueFormatter;
     private totalColumnWidth;
+    beforeSinglePageExport: Object;
+    baselineHeight: number;
+    baselineTop: number;
     constructor(parent: Gantt);
+    processToFit(): void;
     /**
      * @param {IGanttData[]} data .
      * @param {PdfGantt} gantt .