Untitled

<mvc:View
    height="100%"
    controllerName="bps.explanation.poc.controller.View1"
    xmlns:core="sap.ui.core"
    xmlns:mvc="sap.ui.core.mvc"
    xmlns:m="sap.m"
    xmlns:semantic="sap.m.semantic"
    xmlns:table="sap.ui.table"
    xmlns="sap.gantt.simple"
    xmlns:axistime="sap.gantt.axistime"
    xmlns:config="sap.gantt.config"
    xmlns:l="sap.ui.layout"
    displayBlock="true"
>
    <l:Splitter width="100%">
        <m:Table id="scheduleLineItems" inset="false" items="{ path:'/ScheduleLines', sorter: [{ path: 'Item' }] }" class="sapFSemanticPageAlignContent" width="100%" headerText="Requirements">
            <m:layoutData>
                <l:SplitterLayoutData id="splitterTable" size="100%" resizable="false" />
            </m:layoutData>

            <m:columns>
                <m:Column />
                <m:Column minScreenWidth="Tablet" popinDisplay="Inline" demandPopin="true" />
                <m:Column minScreenWidth="Tablet" demandPopin="true" />
                <m:Column minScreenWidth="Tablet" demandPopin="true" />
            </m:columns>

            <m:items>
                <m:ColumnListItem vAlign="Middle" type="Active" press="onPress">
                    <m:cells>
                        <m:ObjectIdentifier text="{Item}" />
                        <m:Text text="{DateType}" />
                        <m:Text text="{TimeStamp}" />
                        <m:Text text="{TimeZone}" />
                    </m:cells>
                </m:ColumnListItem>
            </m:items>
        </m:Table>

        <GanttChartContainer id="container">
            <toolbar>
                <ContainerToolbar showDisplayTypeButton="true" >
                <m:Button id="backButton" type="Back" press="onBackPress" visible="true"/>
                <m:Button id="forwardButton" icon="sap-icon://navigation-right-arrow" press="onForwardPress" visible="false"/>
                </ContainerToolbar>
            </toolbar>
            <GanttChartWithTable id="gantt" shapeSelectionMode="Single">
                <axisTimeStrategy>
                    <axistime:ProportionZoomStrategy>
                        <axistime:visibleHorizon>
                            <config:TimeHorizon endTime="{path: '/Projects/Activities', formatter: '.getEndTime'}" startTime="{path: '/Projects/Activities', formatter: '.getStartTime'}" />
                        </axistime:visibleHorizon>
                    </axistime:ProportionZoomStrategy>
                </axisTimeStrategy>
                <table>
                    <table:TreeTable enableColumnReordering="true" minAutoRowCount="12" rows="{path: '/Projects', parameters: { arrayNames: ['Activities'], numberOfExpandedLevels: 1} }" selectionBehavior="RowSelector" selectionMode="Single" visibleRowCountMode="Auto">
                        <table:columns>
                            <table:Column label="{i18n>Activities}" template="text" />
                        </table:columns>
                        <table:columns>
                            <table:Column label="{i18n>Duration}" template="text1" />
                        </table:columns>
                        <table:rowSettingsTemplate>
                            <GanttRowSettings rowId="{id}">
                                <shapes1>
                                    <BaseConditionalShape activeShape="{= ${startTime} === ${endTime} ? 1 : 0}">
                                        <shapes>
                                            <BaseRectangle time="{path: 'startTime', formatter: '.timeFormatter'}" endTime="{path: 'endTime', formatter: '.timeFormatter'}" fill="#5899DA" draggable="true" resizable="true" selectable="true" showTitle="true" title="{text}" tooltip="{text}" />
                                            <BaseDiamond time="{path: 'startTime', formatter: '.timeFormatter'}" endTime="{path: 'endTime', formatter: '.timeFormatter'}" fill="#5899DA" tooltip="{text}" />
                                        </shapes>
                                    </BaseConditionalShape>
                                </shapes1>
                            </GanttRowSettings>
                        </table:rowSettingsTemplate>
                    </table:TreeTable>
                </table>
            </GanttChartWithTable>
        </GanttChartContainer>
    </l:Splitter>
</mvc:View>