Hi,
I have developed an app in HANA which displays a table of results. This table is rendered perfectly on IOS7 in both safari and chrome for the Ipad but the table gets condensed and is unreadable when using IOS6. I have tried defining the table as both sap.m.table and sap.m.list and have tried various settings for table width and minimum table width but none seem to have any affect. Below is a code snippet and the 2 screenshots:
var stockList = new sap.m.Table({
headerText: "Stock Results",
growing: true,
growingThreshold: 10,
growingScrollToLoad: scrollToLoad,
width: 'auto',
//showSeparators: sap.m.ListSeparators.Inner,
columns: [
new sap.m.Column({
//width: "5%",
//minScreenWidth: "1em",
minScreenWidth: "Tablet",
header: new sap.m.Label({text: "Store"}),
demandPopin:true
}),
new sap.m.Column({
//width: "10%",
//minScreenWidth: "2em",
minScreenWidth: "Tablet",
header: new sap.m.Label({text: "Location"}),
demandPopin:true
}),
new sap.m.Column({
//width: "20%",
//minScreenWidth: "4em",
minScreenWidth: "Tablet",
header: new sap.m.Label({text: "Article"}),
demandPopin:true
}),
new sap.m.Column({
//width: "15%",
//minScreenWidth: "3em",
minScreenWidth: "Tablet",
//hAlign: "Right",
header: new sap.m.Label({text: "EAN"}),
demandPopin:true
}),
new sap.m.Column({
//width: "25%",
//hAlign: "Right",
//minScreenWidth: "5em",
minScreenWidth: "Tablet",
header: new sap.m.Label({text: "Description"}),
demandPopin:true
}),
new sap.m.Column({
//width: "5%",
//minScreenWidth: "1em",
minScreenWidth: "Tablet",
header: new sap.m.Label({text: "Size"}),
demandPopin:true
}),
new sap.m.Column({
//width: "10%",
//minScreenWidth: "2em",
minScreenWidth: "Tablet",
header: new sap.m.Label({text: "Colour"}),
demandPopin:true
}),
new sap.m.Column({
//width: "10%",
//minScreenWidth: "2em",
minScreenWidth: "Tablet",
header: new sap.m.Label({text: "Retail Stock"}),
demandPopin:true
})
],
IOS7
IOS6
I was wondering if anyone had experienced something similar.
Thanks,
Jon