Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>
  <head>
    <script id='sap-ui-bootstrap' type='text/javascript'
     src='https://sapui5.hana.ondemand.com/resources/sap-ui-core.js'
     data-sap-ui-libs="sap.m"
     data-sap-ui-theme="sap_bluecrystal"></script>
    
    
    <script id="view1" type="sapui5/xmlview">
      <mvc:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc"
    xmlns="sap.m" controllerName="table_v01.Main" xmlns:html="http://www.w3.org/1999/xhtml">
​
            
       <Table xmlns="sap.m" id="idTable1" width="auto"
            items="{
      path:'/Values',
      sorter: {
        path: 'Col1'
      }
    }" 
    >
                <columns> 
                    <Column id="idCol1" width="12em">
                        <header>
                            <Text text="{path:'/ColHeader/ColH1'}" />
                        </header>
                    </Column>
                    <Column id="idCol2">
                        <header>
                            <Text text="{path:'/ColHeader/ColH2'}" />
                        </header>
                    </Column>
                    <Column id="idCol3">
                        <header>
                            <Text text="{path:'/ColHeader/ColH3'}" />
                        </header>
                    </Column>
                    <Column id="idCol4">
                        <header>
                            <Text text="{path:'/ColHeader/ColH4'}" />
                        </header>
                    </Column>
                    <Column id="idCol5">
                        <header>
                            <Text text="{path:'/ColHeader/ColH5'}" />
                        </header>
                    </Column>
                    <Column id="idCol6">
                        <header>
                            <Text text="{path:'/ColHeader/ColH6'}" />
                        </header>
                    </Column>
                    <Column id="idCol7">
                        <header>
                            <Text text="{path:'/ColHeader/ColH7'}" />
                        </header>
                    </Column>
                    <Column id="idCol8">
                        <header>
                            <Text text="{path:'/ColHeader/ColH8'}" />
                        </header>
                    </Column>
                </columns>
        <items>
                <ColumnListItem>
                    <cells>
                    <Panel xmlns="sap.m">
                       <content>
                        <Image xmlns="sap.m"
                                src="{ColImg1}"
                                visible="true" width="30%">
                            </Image>
​
                          <Text xmlns="sap.m" text="{Col1}" textAlign="Right" width="70%">
                        </Text>
                       
                       </content>
                    </Panel>
                        <Panel xmlns="sap.m">
                           <content> 
                              <Image xmlns="sap.m"
                                src="{ColImg2}"
                                visible="true" width="30%">
                            </Image>
​
                              <Text xmlns="sap.m" text="{Col2}" textAlign="Right" width="70%">
                              </Text>
                           </content>
                        </Panel>
                        <Panel xmlns="sap.m">
                           <content> 
                              <Image xmlns="sap.m"
                                src="{ColImg3}"
                                visible="true" width="30%">
                            </Image>
​
                              <Text xmlns="sap.m" text="{Col3}" textAlign="Right" width="70%">
                              </Text>
                           </content>
                        </Panel>
                        <Panel xmlns="sap.m">
                           <content> 
                              <Image xmlns="sap.m"
                                src="{ColImg4}"
                                visible="true"  width="30%" >
                            </Image>
​
                              <Text xmlns="sap.m" text="{Col4}" textAlign="Right" width="70%">
                              </Text>
                           </content>
                        </Panel>
                        <Panel xmlns="sap.m">
                           <content> 
                              <Image xmlns="sap.m"
                                src="{ColImg5}"
                                visible="true"  width="30%">
                            </Image>
​
                              <Text xmlns="sap.m" text="{Col5}" textAlign="Right" width="70%">
                              </Text>
                           </content>
                        </Panel>
                        <Panel xmlns="sap.m">
                           <content> 
                              <Image xmlns="sap.m"
                                src="{ColImg6}"
                                visible="true"  width="30%">
                            </Image>
​
                              <Text xmlns="sap.m" text="{Col6}" textAlign="Right" width="70%">
                              </Text>
                           </content>
                        </Panel>
                        <Panel xmlns="sap.m">
                           <content> 
                              <Image xmlns="sap.m"
                                src="{ColImg7}"
                                visible="true"  width="30%">
                            </Image>
​
                              <Text xmlns="sap.m" text="{Col7}" textAlign="Right" width="70%">
                              </Text>
                           </content>
                        </Panel>
                        <Panel xmlns="sap.m">
                           <content> 
                              <Image xmlns="sap.m"
                                src="{ColImg8}"
                                visible="true"  width="30%">
                            </Image>
​
                              <Text xmlns="sap.m" text="{Col8}" textAlign="Right" width="70%">
                              </Text>
                           </content>
                        </Panel>
                        
                    </cells>
                </ColumnListItem>
         </items>
            </Table>
                        
</mvc:View>
    </script>
    
  </head>
  <body class='sapUiBody' id="content"></body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers