使用什么 sapui5 控件来构建以下界面？答案

【问题标题】：What sapui5 controls to use to build the following interface?使用什么 sapui5 控件来构建以下界面？
【发布时间】：2019-05-10 00:38:02
【问题描述】：

我需要构建一个看起来应该像这样的表

所需的界面

开始时间和结束时间将有TimePicker 输入字段。有人可以建议如何实现这个界面（使用什么控件或者jsfiddle中的一个例子将不胜感激）提前致谢

这是我目前所拥有的：

        <Table id="idNonRosterTable" inset="false" items="{schedule>/}">
            <columns>
                <Column hAlign="Center"/>
                <Column hAlign="Center">
                    <Text text="Monday"/>
                </Column>
                <Column hAlign="Center">
                    <Text text="Tuesday"/>
                </Column>
                <Column hAlign="Center">
                    <Text text="Wednsday"/>
                </Column>
                <Column hAlign="Center">
                    <Text text="Thursday"/>
                </Column>
                <Column hAlign="Center">
                    <Text text="Friday"/>
                </Column>
                <Column hAlign="Center">
                    <Text text="Total hours per week"/>
                </Column>
            </columns>
            <items>
                <ColumnListItem vAlign="Middle" >
                    <cells>
                        <ObjectIdentifier title="{schedule>week}"/>
                        <HBox>
                            <VBox><Text text="Start time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text text="Total Hrs/Day"/></VBox>
                            <VBox><Text text="End time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text/></VBox>
                        </HBox>
                        <HBox>
                            <VBox><Text text="Start time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text text="Total Hrs/Day"/></VBox>
                            <VBox><Text text="End time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text/></VBox>
                        </HBox>
                            <HBox>
                            <VBox><Text text="Start time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text text="Total Hrs/Day"/></VBox>
                            <VBox><Text text="End time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text/></VBox>
                        </HBox>
                        <HBox>
                            <VBox><Text text="Start time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text text="Total Hrs/Day"/></VBox>
                            <VBox><Text text="End time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text/></VBox>
                        </HBox>
                            <HBox>
                            <VBox><Text text="Start time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text text="Total Hrs/Day"/></VBox>
                            <VBox><Text text="End time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text/></VBox>
                        </HBox>
                        <Text/>
                    </cells>
                </ColumnListItem>
            </items>
        </Table>

【问题讨论】：

标签： sapui5

【解决方案1】：

对我来说，它看起来像嵌套了 sap.ui.table.Table、addColumn() 和 addRow() 的 for 循环

【讨论】：