From a809adfcab406695e45583493defacd33e3f4e7b Mon Sep 17 00:00:00 2001
From: Teya Veselinova <tveselin@progress.com>
Date: Thu, 14 Nov 2024 14:08:21 +0200
Subject: [PATCH] chore(html): simplify Gantt templates

---
 .../html/src/gantt/templates/gantt-normal.tsx | 540 +----------------
 .../gantt/templates/gantt-row-reordering.tsx  | 558 +-----------------
 2 files changed, 4 insertions(+), 1094 deletions(-)

diff --git a/packages/html/src/gantt/templates/gantt-normal.tsx b/packages/html/src/gantt/templates/gantt-normal.tsx
index 84894936bb..19334543ff 100644
--- a/packages/html/src/gantt/templates/gantt-normal.tsx
+++ b/packages/html/src/gantt/templates/gantt-normal.tsx
@@ -8,7 +8,7 @@ import { Button } from "../../button";
 import { Icon } from "../../icon";
 
 
-export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "530px", tablesWidth = "4200px", tablesHeight = "828px", currentTimeLeftOffset = "243px", ganttDependencies, menu, ...other }: any) => (
+export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "180px", tablesWidth = "675px", tablesHeight = "828px", currentTimeLeftOffset = "243px", ganttDependencies, menu, ...other }: any) => (
     <Gantt
         headerToolbar={(
             <GanttHeaderToolbar>
@@ -106,162 +106,6 @@ export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "530px", ta
                                                     Market Research
                                                 </TableTd>
                                             </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd>39</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Functional and Technical Specification
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-treelist-group">
-                                                <TableTd>12</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="caret-alt-down" />
-                                                    Design
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd>22</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    UI Design
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>23</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    HTML Prototype
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt k-treelist-group" alt>
-                                                <TableTd>13</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="caret-alt-down" />
-                                                    Implementation
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>24</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Prototype
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd>26</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Architecture
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>27</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Data Layer
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd>29</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    UI and Interaction
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>28</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Unit Tests
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt k-treelist-group" alt>
-                                                <TableTd>14</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="caret-alt-down" />
-                                                    Testing
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>32</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Integration Testing
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd>33</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Load Testing
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-treelist-group">
-                                                <TableTd>30</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="caret-alt-down" />
-                                                    Documentation
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd>34</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Structure
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>35</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Articles
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt k-treelist-group" alt>
-                                                <TableTd>31</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="caret-alt-right" />
-                                                    Demos
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>17</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Release
-                                                </TableTd>
-                                            </TableRow>
                                         </TableTbody>
                                     </GridTable>
                                 </GridContent>
@@ -275,20 +119,10 @@ export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "530px", ta
                                     <GridHeaderTable style={{ width: tablesWidth }}>
                                         <colgroup>
                                             <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
                                         </colgroup>
                                         <TableTbody>
                                             <TableRow >
                                                 <TableTd className="k-header" colspan={7} >Sun 6/01 - Sat 6/07</TableTd>
-                                                <TableTd className="k-header" colspan={7} >Sun 6/08 - Sat 6/14</TableTd>
-                                                <TableTd className="k-header" colspan={7} >Sun 6/15 - Sat 6/21</TableTd>
-                                                <TableTd className="k-header" colspan={7} >Sun 6/22 - Sat 6/28</TableTd>
-                                                <TableTd className="k-header" colspan={7} >Sun 6/29 - Sat 7/05</TableTd>
-                                                <TableTd className="k-header" colspan={7} >Sun 7/06 - Sat 7/12</TableTd>
                                             </TableRow>
                                             <TableRow>
                                                 <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/01</TableTd>
@@ -298,41 +132,6 @@ export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "530px", ta
                                                 <TableTd className="k-header" colspan={1} >Thu 6/05</TableTd>
                                                 <TableTd className="k-header" colspan={1} >Fri 6/06</TableTd>
                                                 <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/07</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/08</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Mon 6/09</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Tue 6/10</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Wed 6/11</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Thu 6/12</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Fri 6/13</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/14</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/15</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Mon 6/16</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Tue 6/17</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Wed 6/18</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Thu 6/19</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Fri 6/20</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/21</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/22</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Mon 6/23</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Tue 6/24</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Wed 6/25</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Thu 6/26</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Fri 6/27</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/28</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/29</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Mon 6/30</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Tue 7/01</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Wed 7/02</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Thu 7/03</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Fri 7/04</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 7/05</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 7/06</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Mon 7/07</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Tue 7/08</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Wed 7/09</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Thu 7/10</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Fri 7/11</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 7/12</TableTd>
                                             </TableRow>
                                         </TableTbody>
                                     </GridHeaderTable>
@@ -350,55 +149,17 @@ export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "530px", ta
                                             <TableRow><TableTd></TableTd></TableRow>
                                             <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
                                             <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
                                         </TableTbody>
                                     </GanttRowsTable>
                                     <GanttColumnsTable style={{ width: tablesWidth, height: tablesHeight }}>
                                         <colgroup>
                                             <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
                                         </colgroup>
                                         <TableTbody>
                                             <TableRow>
                                                 <TableTd className="k-nonwork-hour"></TableTd>
                                                 <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
                                                 <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
                                             </TableRow>
                                         </TableTbody>
                                     </GanttColumnsTable>
@@ -468,236 +229,6 @@ export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "530px", ta
                                                     </GanttTaskWrap>
                                                 </TableTd>
                                             </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "313px" }}>
-                                                        <GanttTask style={{ width: "300px" }}>
-                                                            <div className="k-task-complete" style={{ width: "69px" }}></div>
-                                                            <GanttTaskContent content="Functional and Technical Specification"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "69px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="summary" style={{ left: "813px" }}>
-                                                        <GanttTask type="summary" style={{ width: "500px" }}>
-                                                            <div className="k-task-summary-progress" style={{ width: "300px" }}>
-                                                                <div className="k-task-summary-complete" style={{ width: "500px" }}></div>
-                                                            </div>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "813px" }}>
-                                                        <GanttTask style={{ width: "200px" }}>
-                                                            <div className="k-task-complete" style={{ width: "112px" }}></div>
-                                                            <GanttTaskContent content="UI Design"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "112px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "1013px" }}>
-                                                        <GanttTask style={{ width: "300px" }}>
-                                                            <div className="k-task-complete" style={{ width: "192px" }}></div>
-                                                            <GanttTaskContent content="HTML Prototype"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "192px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="summary" style={{ left: "1013px" }}>
-                                                        <GanttTask type="summary" style={{ width: "2100px" }}>
-                                                            <div className="k-task-summary-progress" style={{ width: "1617px" }}>
-                                                                <div className="k-task-summary-complete" style={{ width: "2100px" }}></div>
-                                                            </div>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "1013px" }}>
-                                                        <GanttTask style={{ width: "600px" }}>
-                                                            <div className="k-task-complete" style={{ width: "462px" }}></div>
-                                                            <GanttTaskContent content="Prototype"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "462px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "1613px" }}>
-                                                        <GanttTask style={{ width: "100px" }}>
-                                                            <div className="k-task-complete" style={{ width: "82px" }}></div>
-                                                            <GanttTaskContent content="Architecture"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "82px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "1713px" }}>
-                                                        <GanttTask style={{ width: "600px" }}>
-                                                            <div className="k-task-complete" style={{ width: "600px" }}></div>
-                                                            <GanttTaskContent content="Data Layer"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "600px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "2613px" }}>
-                                                        <GanttTask style={{ width: "500px" }}>
-                                                            <div className="k-task-complete" style={{ width: "300px" }}></div>
-                                                            <GanttTaskContent content="UI and Interaction"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "300px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "1713px" }}>
-                                                        <GanttTask style={{ width: "900px" }}>
-                                                            <div className="k-task-complete" style={{ width: "612px" }}></div>
-                                                            <GanttTaskContent content="Unit Tests"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "612px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="summary" style={{ left: "2913px" }}>
-                                                        <GanttTask type="summary" style={{ width: "500px" }}>
-                                                            <div className="k-task-summary-progress" style={{ width: "260px" }}>
-                                                                <div className="k-task-summary-complete" style={{ width: "500px" }}></div>
-                                                            </div>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "2913px" }}>
-                                                        <GanttTask style={{ width: "500px" }}>
-                                                            <div className="k-task-complete" style={{ width: "470px" }}></div>
-                                                            <GanttTaskContent content="Integration Testing"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "470px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "2913px" }}>
-                                                        <GanttTask style={{ width: "500px" }}>
-                                                            <div className="k-task-complete" style={{ width: '50px' }}></div>
-                                                            <GanttTaskContent content="Load Testing"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: '50px' }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="summary" style={{ left: "2213px" }}>
-                                                        <GanttTask type="summary" style={{ width: "1200px" }}>
-                                                            <div className="k-task-summary-progress" style={{ width: "168px" }}>
-                                                                <div className="k-task-summary-complete" style={{ width: "1200px" }}></div>
-                                                            </div>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "2213px" }}>
-                                                        <GanttTask style={{ width: "300px" }}>
-                                                            <div className="k-task-complete" style={{ width: "84px" }}></div>
-                                                            <GanttTaskContent content="Structure"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "84px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "2513px" }}>
-                                                        <GanttTask style={{ width: "900px" }}>
-                                                            <div className="k-task-complete" style={{ width: '0px' }}></div>
-                                                            <GanttTaskContent content="Articles"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: '0px' }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="summary" style={{ left: "2913px" }}>
-                                                        <GanttTask type="summary" style={{ width: "1200px" }}>
-                                                            <div className="k-task-summary-progress" style={{ width: "984px" }}>
-                                                                <div className="k-task-summary-complete" style={{ width: "1200px" }}></div>
-                                                            </div>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="milestone" style={{ left: "4113px" }}>
-                                                        <GanttTask type="milestone"></GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
                                         </TableTbody>
                                     </GanttTasksTable>
                                 </GanttTables>
@@ -708,82 +239,15 @@ export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "530px", ta
                                         <GanttLine style={{ left: "103px", top: "71px", width: "31.5px" }}></GanttLine>
                                         <GanttLine orientation="vertical" style={{ left: "103px", top: "71px", height: "54px" }}></GanttLine>
                                         <GanttLine style={{ left: "103px", top: "125px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "1013px", top: "269px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1021px", top: "269px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1003px", top: "287px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1003px", top: "287px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1003px", top: "305px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "1313px", top: "305px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1321px", top: "305px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1003px", top: "323px", width: "320px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1003px", top: "323px", height: "54px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1003px", top: "377px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "1613px", top: "377px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1621px", top: "377px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1603px", top: "395px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1603px", top: "395px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1603px", top: "413px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "1713px", top: "413px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1721px", top: "413px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1703px", top: "431px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1703px", top: "431px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1703px", top: "449px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "1713px", top: "413px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1721px", top: "413px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1703px", top: "431px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1703px", top: "431px", height: "90px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1703px", top: "521px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "2313px", top: "449px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "2321px", top: "449px", height: "36px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2321px", top: "485px", width: "291px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "2613px", top: "521px", width: "510px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3121px", top: "485px", height: "38px" }}></GanttLine>
-                                        <GanttLine style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-caret-alt-left"></span></GanttLine>
-                                        <GanttLine style={{ left: "3113px", top: "485px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3121px", top: "485px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2903px", top: "503px", width: "220px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "2903px", top: "503px", height: "90px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2903px", top: "593px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "3113px", top: "485px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3121px", top: "485px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2903px", top: "503px", width: "220px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "2903px", top: "503px", height: "126px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2903px", top: "629px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "2513px", top: "701px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "2521px", top: "701px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2503px", top: "719px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "2503px", top: "719px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2503px", top: "737px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "3413px", top: "593px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3421px", top: "593px", height: "38px" }}></GanttLine>
-                                        <GanttLine style={{ left: "3414px", top: "629px", width: "7px" }}><span className="k-caret-alt-left"></span></GanttLine>
-                                        <GanttLine style={{ left: "3413px", top: "629px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3421px", top: "629px", height: "180px" }}></GanttLine>
-                                        <GanttLine style={{ left: "3421px", top: "809px", width: "679.5px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "3413px", top: "737px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3421px", top: "737px", height: "72px" }}></GanttLine>
-                                        <GanttLine style={{ left: "3421px", top: "809px", width: "679.5px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "3113px", top: "341px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3121px", top: "341px", height: "146px" }}></GanttLine>
-                                        <GanttLine style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-caret-alt-left"></span></GanttLine>
                                         <GanttLine style={{ left: "124.5px", top: "53px", width: "10px" }}></GanttLine>
                                         <GanttLine orientation="vertical" style={{ left: "132.5px", top: "53px", height: "18px" }}></GanttLine>
                                         <GanttLine style={{ left: "103px", top: "71px", width: "31.5px" }}></GanttLine>
                                         <GanttLine orientation="vertical" style={{ left: "103px", top: "71px", height: "90px" }}></GanttLine>
                                         <GanttLine style={{ left: "103px", top: "161px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "313px", top: "161px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "321px", top: "161px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "303px", top: "179px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "303px", top: "179px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "303px", top: "197px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
                                         <GanttLine style={{ left: "313px", top: "125px", width: "10px" }}></GanttLine>
                                         <GanttLine orientation="vertical" style={{ left: "321px", top: "125px", height: "18px" }}></GanttLine>
                                         <GanttLine style={{ left: "303px", top: "143px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "303px", top: "143px", height: "54px" }}></GanttLine>
-                                        <GanttLine style={{ left: "303px", top: "197px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "613px", top: "197px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "621px", top: "197px", height: "72px" }}></GanttLine>
-                                        <GanttLine style={{ left: "621px", top: "269px", width: "191px" }}><span className="k-arrow-e"></span></GanttLine>
+                                        <GanttLine orientation="vertical" style={{ left: "303px", top: "143px", height: "18px" }}></GanttLine>
                                     </div>
                                 }
                                 <div className="k-current-time" style={{ left: currentTimeLeftOffset, top: "0px", width: "1px", height: tablesHeight }}></div>
diff --git a/packages/html/src/gantt/templates/gantt-row-reordering.tsx b/packages/html/src/gantt/templates/gantt-row-reordering.tsx
index 67b3136ca3..4b3b612acd 100644
--- a/packages/html/src/gantt/templates/gantt-row-reordering.tsx
+++ b/packages/html/src/gantt/templates/gantt-row-reordering.tsx
@@ -8,7 +8,7 @@ import { Button } from "../../button";
 import { Icon } from "../../icon";
 
 
-export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tablesWidth = "4200px", tablesHeight = "828px", currentTimeLeftOffset = "243px", ganttDependencies, menu, ...other }: any) => (
+export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "180px", tablesWidth = "675px", tablesHeight = "828px", currentTimeLeftOffset = "243px", ganttDependencies, menu, ...other }: any) => (
     <Gantt
         headerToolbar={(
             <GanttHeaderToolbar>
@@ -114,180 +114,6 @@ export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530
                                                     Market Research
                                                 </TableTd>
                                             </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>39</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Functional and Technical Specification
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-treelist-group">
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>12</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="caret-alt-down" />
-                                                    Design
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>22</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    UI Design
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>23</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    HTML Prototype
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt k-treelist-group" alt>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>13</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="caret-alt-down" />
-                                                    Implementation
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>24</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Prototype
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>26</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Architecture
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>27</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Data Layer
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>29</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    UI and Interaction
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>28</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Unit Tests
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt k-treelist-group" alt>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>14</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="caret-alt-down" />
-                                                    Testing
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>32</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Integration Testing
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>33</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Load Testing
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-treelist-group">
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>30</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="caret-alt-down" />
-                                                    Documentation
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt" alt>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>34</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Structure
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>35</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Articles
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow className="k-alt k-treelist-group" alt>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>31</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="caret-alt-right" />
-                                                    Demos
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd className="k-drag-cell"><Icon icon="reorder" /></TableTd>
-                                                <TableTd>17</TableTd>
-                                                <TableTd>
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    <Icon className="k-treelist-toggle" icon="none" />
-                                                    Release
-                                                </TableTd>
-                                            </TableRow>
                                         </TableTbody>
                                     </GridTable>
                                 </GridContent>
@@ -301,20 +127,10 @@ export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530
                                     <GridHeaderTable style={{ width: tablesWidth }}>
                                         <colgroup>
                                             <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
                                         </colgroup>
                                         <TableTbody>
                                             <TableRow >
                                                 <TableTd className="k-header" colspan={7} >Sun 6/01 - Sat 6/07</TableTd>
-                                                <TableTd className="k-header" colspan={7} >Sun 6/08 - Sat 6/14</TableTd>
-                                                <TableTd className="k-header" colspan={7} >Sun 6/15 - Sat 6/21</TableTd>
-                                                <TableTd className="k-header" colspan={7} >Sun 6/22 - Sat 6/28</TableTd>
-                                                <TableTd className="k-header" colspan={7} >Sun 6/29 - Sat 7/05</TableTd>
-                                                <TableTd className="k-header" colspan={7} >Sun 7/06 - Sat 7/12</TableTd>
                                             </TableRow>
                                             <TableRow>
                                                 <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/01</TableTd>
@@ -324,41 +140,6 @@ export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530
                                                 <TableTd className="k-header" colspan={1} >Thu 6/05</TableTd>
                                                 <TableTd className="k-header" colspan={1} >Fri 6/06</TableTd>
                                                 <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/07</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/08</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Mon 6/09</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Tue 6/10</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Wed 6/11</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Thu 6/12</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Fri 6/13</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/14</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/15</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Mon 6/16</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Tue 6/17</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Wed 6/18</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Thu 6/19</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Fri 6/20</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/21</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/22</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Mon 6/23</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Tue 6/24</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Wed 6/25</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Thu 6/26</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Fri 6/27</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/28</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/29</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Mon 6/30</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Tue 7/01</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Wed 7/02</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Thu 7/03</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Fri 7/04</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 7/05</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 7/06</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Mon 7/07</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Tue 7/08</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Wed 7/09</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Thu 7/10</TableTd>
-                                                <TableTd className="k-header" colspan={1} >Fri 7/11</TableTd>
-                                                <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 7/12</TableTd>
                                             </TableRow>
                                         </TableTbody>
                                     </GridHeaderTable>
@@ -376,55 +157,17 @@ export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530
                                             <TableRow><TableTd></TableTd></TableRow>
                                             <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
                                             <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
-                                            <TableRow className="k-alt" alt><TableTd></TableTd></TableRow>
-                                            <TableRow><TableTd></TableTd></TableRow>
                                         </TableTbody>
                                     </GanttRowsTable>
                                     <GanttColumnsTable style={{ width: tablesWidth, height: tablesHeight }}>
                                         <colgroup>
                                             <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
-                                            <col /><col /><col /><col /><col /><col /><col />
                                         </colgroup>
                                         <TableTbody>
                                             <TableRow>
                                                 <TableTd className="k-nonwork-hour"></TableTd>
                                                 <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
                                                 <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
-                                                <TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd><TableTd></TableTd>
-                                                <TableTd className="k-nonwork-hour"></TableTd>
                                             </TableRow>
                                         </TableTbody>
                                     </GanttColumnsTable>
@@ -494,236 +237,6 @@ export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530
                                                     </GanttTaskWrap>
                                                 </TableTd>
                                             </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "313px" }}>
-                                                        <GanttTask style={{ width: "300px" }}>
-                                                            <div className="k-task-complete" style={{ width: "69px" }}></div>
-                                                            <GanttTaskContent content="Functional and Technical Specification"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "69px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="summary" style={{ left: "813px" }}>
-                                                        <GanttTask type="summary" style={{ width: "500px" }}>
-                                                            <div className="k-task-summary-progress" style={{ width: "300px" }}>
-                                                                <div className="k-task-summary-complete" style={{ width: "500px" }}></div>
-                                                            </div>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "813px" }}>
-                                                        <GanttTask style={{ width: "200px" }}>
-                                                            <div className="k-task-complete" style={{ width: "112px" }}></div>
-                                                            <GanttTaskContent content="UI Design"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "112px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "1013px" }}>
-                                                        <GanttTask style={{ width: "300px" }}>
-                                                            <div className="k-task-complete" style={{ width: "192px" }}></div>
-                                                            <GanttTaskContent content="HTML Prototype"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "192px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="summary" style={{ left: "1013px" }}>
-                                                        <GanttTask type="summary" style={{ width: "2100px" }}>
-                                                            <div className="k-task-summary-progress" style={{ width: "1617px" }}>
-                                                                <div className="k-task-summary-complete" style={{ width: "2100px" }}></div>
-                                                            </div>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "1013px" }}>
-                                                        <GanttTask style={{ width: "600px" }}>
-                                                            <div className="k-task-complete" style={{ width: "462px" }}></div>
-                                                            <GanttTaskContent content="Prototype"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "462px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "1613px" }}>
-                                                        <GanttTask style={{ width: "100px" }}>
-                                                            <div className="k-task-complete" style={{ width: "82px" }}></div>
-                                                            <GanttTaskContent content="Architecture"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "82px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "1713px" }}>
-                                                        <GanttTask style={{ width: "600px" }}>
-                                                            <div className="k-task-complete" style={{ width: "600px" }}></div>
-                                                            <GanttTaskContent content="Data Layer"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "600px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "2613px" }}>
-                                                        <GanttTask style={{ width: "500px" }}>
-                                                            <div className="k-task-complete" style={{ width: "300px" }}></div>
-                                                            <GanttTaskContent content="UI and Interaction"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "300px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "1713px" }}>
-                                                        <GanttTask style={{ width: "900px" }}>
-                                                            <div className="k-task-complete" style={{ width: "612px" }}></div>
-                                                            <GanttTaskContent content="Unit Tests"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "612px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="summary" style={{ left: "2913px" }}>
-                                                        <GanttTask type="summary" style={{ width: "500px" }}>
-                                                            <div className="k-task-summary-progress" style={{ width: "260px" }}>
-                                                                <div className="k-task-summary-complete" style={{ width: "500px" }}></div>
-                                                            </div>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "2913px" }}>
-                                                        <GanttTask style={{ width: "500px" }}>
-                                                            <div className="k-task-complete" style={{ width: "470px" }}></div>
-                                                            <GanttTaskContent content="Integration Testing"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "470px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "2913px" }}>
-                                                        <GanttTask style={{ width: "500px" }}>
-                                                            <div className="k-task-complete" style={{ width: '50px' }}></div>
-                                                            <GanttTaskContent content="Load Testing"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: '50px' }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="summary" style={{ left: "2213px" }}>
-                                                        <GanttTask type="summary" style={{ width: "1200px" }}>
-                                                            <div className="k-task-summary-progress" style={{ width: "168px" }}>
-                                                                <div className="k-task-summary-complete" style={{ width: "1200px" }}></div>
-                                                            </div>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "2213px" }}>
-                                                        <GanttTask style={{ width: "300px" }}>
-                                                            <div className="k-task-complete" style={{ width: "84px" }}></div>
-                                                            <GanttTaskContent content="Structure"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: "84px" }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap style={{ left: "2513px" }}>
-                                                        <GanttTask style={{ width: "900px" }}>
-                                                            <div className="k-task-complete" style={{ width: '0px' }}></div>
-                                                            <GanttTaskContent content="Articles"></GanttTaskContent>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                        <div className="k-task-draghandle" style={{ left: '0px' }}></div>
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="summary" style={{ left: "2913px" }}>
-                                                        <GanttTask type="summary" style={{ width: "1200px" }}>
-                                                            <div className="k-task-summary-progress" style={{ width: "984px" }}>
-                                                                <div className="k-task-summary-complete" style={{ width: "1200px" }}></div>
-                                                            </div>
-                                                        </GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
-                                            <TableRow>
-                                                <TableTd>
-                                                    <GanttTaskWrap type="milestone" style={{ left: "4113px" }}>
-                                                        <GanttTask type="milestone"></GanttTask>
-                                                        <GanttTaskDot />
-                                                        <GanttTaskDot position="end" style={{ right: "0px" }} />
-                                                    </GanttTaskWrap>
-                                                </TableTd>
-                                            </TableRow>
                                         </TableTbody>
                                     </GanttTasksTable>
                                 </GanttTables>
@@ -734,82 +247,15 @@ export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530
                                         <GanttLine style={{ left: "103px", top: "71px", width: "31.5px" }}></GanttLine>
                                         <GanttLine orientation="vertical" style={{ left: "103px", top: "71px", height: "54px" }}></GanttLine>
                                         <GanttLine style={{ left: "103px", top: "125px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "1013px", top: "269px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1021px", top: "269px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1003px", top: "287px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1003px", top: "287px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1003px", top: "305px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "1313px", top: "305px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1321px", top: "305px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1003px", top: "323px", width: "320px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1003px", top: "323px", height: "54px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1003px", top: "377px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "1613px", top: "377px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1621px", top: "377px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1603px", top: "395px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1603px", top: "395px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1603px", top: "413px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "1713px", top: "413px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1721px", top: "413px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1703px", top: "431px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1703px", top: "431px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1703px", top: "449px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "1713px", top: "413px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1721px", top: "413px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1703px", top: "431px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "1703px", top: "431px", height: "90px" }}></GanttLine>
-                                        <GanttLine style={{ left: "1703px", top: "521px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "2313px", top: "449px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "2321px", top: "449px", height: "36px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2321px", top: "485px", width: "291px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "2613px", top: "521px", width: "510px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3121px", top: "485px", height: "38px" }}></GanttLine>
-                                        <GanttLine style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-caret-alt-left"></span></GanttLine>
-                                        <GanttLine style={{ left: "3113px", top: "485px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3121px", top: "485px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2903px", top: "503px", width: "220px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "2903px", top: "503px", height: "90px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2903px", top: "593px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "3113px", top: "485px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3121px", top: "485px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2903px", top: "503px", width: "220px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "2903px", top: "503px", height: "126px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2903px", top: "629px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "2513px", top: "701px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "2521px", top: "701px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2503px", top: "719px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "2503px", top: "719px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "2503px", top: "737px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "3413px", top: "593px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3421px", top: "593px", height: "38px" }}></GanttLine>
-                                        <GanttLine style={{ left: "3414px", top: "629px", width: "7px" }}><span className="k-caret-alt-left"></span></GanttLine>
-                                        <GanttLine style={{ left: "3413px", top: "629px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3421px", top: "629px", height: "180px" }}></GanttLine>
-                                        <GanttLine style={{ left: "3421px", top: "809px", width: "679.5px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "3413px", top: "737px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3421px", top: "737px", height: "72px" }}></GanttLine>
-                                        <GanttLine style={{ left: "3421px", top: "809px", width: "679.5px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "3113px", top: "341px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "3121px", top: "341px", height: "146px" }}></GanttLine>
-                                        <GanttLine style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-caret-alt-left"></span></GanttLine>
                                         <GanttLine style={{ left: "124.5px", top: "53px", width: "10px" }}></GanttLine>
                                         <GanttLine orientation="vertical" style={{ left: "132.5px", top: "53px", height: "18px" }}></GanttLine>
                                         <GanttLine style={{ left: "103px", top: "71px", width: "31.5px" }}></GanttLine>
                                         <GanttLine orientation="vertical" style={{ left: "103px", top: "71px", height: "90px" }}></GanttLine>
                                         <GanttLine style={{ left: "103px", top: "161px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "313px", top: "161px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "321px", top: "161px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "303px", top: "179px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "303px", top: "179px", height: "18px" }}></GanttLine>
-                                        <GanttLine style={{ left: "303px", top: "197px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
                                         <GanttLine style={{ left: "313px", top: "125px", width: "10px" }}></GanttLine>
                                         <GanttLine orientation="vertical" style={{ left: "321px", top: "125px", height: "18px" }}></GanttLine>
                                         <GanttLine style={{ left: "303px", top: "143px", width: "20px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "303px", top: "143px", height: "54px" }}></GanttLine>
-                                        <GanttLine style={{ left: "303px", top: "197px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
-                                        <GanttLine style={{ left: "613px", top: "197px", width: "10px" }}></GanttLine>
-                                        <GanttLine orientation="vertical" style={{ left: "621px", top: "197px", height: "72px" }}></GanttLine>
-                                        <GanttLine style={{ left: "621px", top: "269px", width: "191px" }}><span className="k-arrow-e"></span></GanttLine>
+                                        <GanttLine orientation="vertical" style={{ left: "303px", top: "143px", height: "18px" }}></GanttLine>
                                     </div>
                                 }
                                 <div className="k-current-time" style={{ left: currentTimeLeftOffset, top: "0px", width: "1px", height: tablesHeight }}></div>