<mvc:View
	controllerName="sap.m.sample.TableVerticalAlignment.Table"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns="sap.m">
	<Table id="idProductsTable"
		mode="MultiSelect"
		inset="false"
		items="{
			path: '/ProductCollection',
			sorter: {
				path: 'Name'
			}
		}">
		<headerToolbar>
			<OverflowToolbar>
				<Title text="Products" level="H2"/>
			</OverflowToolbar>
		</headerToolbar>
		<columns>
			<Column>
				<Text text="Product" />
			</Column>
			<Column
				hAlign="Center"
				width="12em"
				minScreenWidth="Tablet"
				demandPopin="true">
				<Text text="Quantity" />
			</Column>
			<Column
				minScreenWidth="Tablet"
				demandPopin="true"
				hAlign="Center">
				<Text text="Weight" />
			</Column>
			<Column
				hAlign="End">
				<Text text="Unit Price" />
			</Column>
		</columns>
		<items>
			<ColumnListItem vAlign="Middle" type="Navigation">
				<cells>
					<ObjectIdentifier
						title="{Name}"
						text="{ProductId}" />

					<Input value="{Quantity}" type="{Text}" description="{UoM}" fieldWidth="{60%}"/>

					<ObjectNumber
						number="{WeightMeasure}"
						unit="{WeightUnit}"
						state="{
							path: 'WeightMeasure',
							formatter: 'sap.m.sample.TableVerticalAlignment.Formatter.weightState'
						}" />
					<ObjectNumber
                        number="{
                            parts:[{path:'Price'},{path:'CurrencyCode'}],
                            type: 'sap.ui.model.type.Currency',
                            formatOptions: {showMeasure: false}
                        }"
                        unit="{CurrencyCode}" />
				</cells>
			</ColumnListItem>
		</items>
	</Table>
</mvc:View>