diff --git a/js/ui/scheduler/ui.scheduler.table_creator.js b/js/ui/scheduler/ui.scheduler.table_creator.js
index f9173c54d496..7363eea741f1 100644
--- a/js/ui/scheduler/ui.scheduler.table_creator.js
+++ b/js/ui/scheduler/ui.scheduler.table_creator.js
@@ -35,8 +35,6 @@ class SchedulerTableCreator {
         const groupIndex = options.groupIndex;
         const rowCount = options.rowCount;
 
-        $(options.container).append(tableBody);
-
         if(allDayElements) {
             this.insertAllDayRow(allDayElements, tableBody, 0);
             allDayElementIndex++;
@@ -44,7 +42,6 @@ class SchedulerTableCreator {
 
         for(let i = 0; i < rowCount; i++) {
             row = domAdapter.createElement(ROW_SELECTOR);
-            tableBody.appendChild(row);
 
             const isLastRowInGroup = (i + 1) % rowCountInGroup === 0;
 
@@ -54,7 +51,6 @@ class SchedulerTableCreator {
 
             for(let j = 0; j < options.cellCount; j++) {
                 const td = domAdapter.createElement('td');
-                row.appendChild(td);
 
                 if(options.cellClass) {
                     if(isFunction(options.cellClass)) {
@@ -64,7 +60,6 @@ class SchedulerTableCreator {
                     }
                 }
 
-
                 let cellDataObject;
                 let dataKey;
                 let dataValue;
@@ -111,14 +106,20 @@ class SchedulerTableCreator {
                         td.innerHTML = '<div>' + options.getCellText(i, j) + '</div>';
                     }
                 }
+
+                row.appendChild(td);
             }
 
+            tableBody.appendChild(row);
+
             if(allDayElements && isLastRowInGroup) {
                 this.insertAllDayRow(allDayElements, tableBody, allDayElementIndex);
                 allDayElementIndex++;
             }
         }
 
+        $(options.container).append(tableBody);
+
         return templateCallbacks;
     }