Wie gruppiere Tabellenkopf - SAPUI5 xml

Question

Ich brauche mehrere Header in einer Tabelle mit SAPUI5 XML.

Das habe ich ausprobiert. JsBin

<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> 

Was ich brauche, ist: -

Answer 1

Was auch immer Sie versucht haben, ist in Ordnung. Aber beim Hinzufügen der Header-Bereich anstelle des Arrays geben Sie einfach 2 wie unten, können Sie diese thread sehen.

Diese Antwort gilt für die Daten in der 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> 

Oder Sie müssen die Spalte nach ID in der Steuerung und dann müssen Sie den Headerspan festlegen.

Für Ihren obigen Code fügen Sie den Breite "align" und die headerSpan Eigenschaft ändern, wie unten

<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>