如何对表头进行分组-SAPUI5 xml

我需要在使用SAPUI5 XML的表中有多个标头

这就是我尝试过的

<table:Table title="Real-time order status" noDataText="No data to display" id="tableDisp" enableBusyIndicator="true" showNoData="true" width="auto" class="sapUiResponsiveMargin">
                                    <table:Column id="col6" hAlign="Center" headerSpan="[2,1]">
                    <table:multiLabels>
                        <Label text="2 - Batch records handed over to QA"    class="tableHeaderWrap"/>
                        <Label text="Target" textAlign="Center"  />
                    </table:multiLabels>
                    <table:template>
                        <Label text="{Target}"/>
                    </table:template>
                </table:Column>
                <table:Column id="col10" hAlign="Center">
                    <table:multiLabels>
                        <Label text="2 - Batch records handed over to QA"    class="tableHeaderWrap"/>
                        <Label text="Actual" textAlign="Center"/>
                    </table:multiLabels>
                    <table:template>
                        <Label text="{Actual}"/>
                    </table:template>
                </table:Column>

我需要的是：-

---

无论你尝试过什么都可以。但是，当添加头跨度而不是数组时，只需给出2，如下所示，您可以看到这一点

这个答案适用于jsbin中存在的数据

<Page title="{i18n>title}">
    <content>
        <table:Table title="Real-time order status" noDataText="No data to display" id="tableDisp" enableBusyIndicator="true" showNoData="true" width="auto" class="sapUiResponsiveMargin">
            <table:Column id="col6" headerSpan="2" colspan="2">
                <table:multiLabels >
                    <Label text="Batch records" textAlign="Center" width="100%"/>
                    <Label text="Target" textAlign="Center" width="100%"/>
                </table:multiLabels>
                <table:template>
                    <Text text="Target"/>
                </table:template>
            </table:Column>
            <table:Column id="col10">
                <table:multiLabels>
                    <Label text="Batch records" textAlign="Center"/>
                    <Label text="Actual" textAlign="Center" width="100%"/>
                </table:multiLabels>
                <table:template>
                    <Text text="Actual"/>
                </table:template>
             </table:Column>
         </table:Table>
     </content>
</Page>

或者，您必须在控制器中按id获取列，然后必须设置headerspan

对于上述代码，请添加宽度，“textAlign”并更改标题span属性，如下所示

<table:Table title="Real-time order status" noDataText="No data to display" id="tableDisp" enableBusyIndicator="true" showNoData="true" width="auto" class="sapUiResponsiveMargin">
  <table:Column id="col6" hAlign="Center" headerSpan="2">
    <table:multiLabels>
        <Label text="2 - Batch records handed over to QA" textAlign="Center" width="100%" class="tableHeaderWrap"/>
        <Label text="Target" textAlign="Center" width="100%" />
    </table:multiLabels>
    <table:template>
        <Label text="{Target}"/>
    </table:template>
  </table:Column>
  <table:Column id="col10" hAlign="Center">
    <table:multiLabels>
        <Label text="2 - Batch records handed over to QA" textAlign="Center" width="100%" class="tableHeaderWrap"/>
        <Label text="Actual" textAlign="Center" width="100%"/>
    </table:multiLabels>
    <table:template>
        <Label text="{Actual}"/>    
    </table:template>
  </table:Column>
</table:Table>