I'm trying to create an horizontal TableView, but with vertical content inside a TableViewRow.
I've rotate the TableView -90º and a View (wrap) 90º inside a TableViewRow.
It works on the visible TableViewRows, but after scrolling the table, on the others TableViewRows, the View (wrap) stays 0º.
If the first 4 rows are visible, the rotation affects the wrap only in those 4, if I scroll the table to, per exemple, the row 8, when I scroll back to the first 4 rows, none of my wrap views gets rotated.
This is my simple app exemple:
var win = Titanium.UI.createWindow({ "backgroundColor":"#ffffff", "title":"win" }); var view = Titanium.UI.createTableView({ "backgroundColor":"#ffffff", "layout":"vertical", "width":680, "height":1250, "separatorColor":"green" }); view.transform = Ti.UI.create2DMatrix().rotate(-90); var items = []; for(var i = 0; i < 20; i++) { var item = Ti.UI.createTableViewRow({ "height":250, "width":680, "backgroundColor":"blue" }); var wrap = Ti.UI.createView({ "width":250, "height":680, "backgroundColor":"red" }); wrap.transform = Ti.UI.create2DMatrix().rotate(90); var text = Ti.UI.createLabel({ "text":"row: "+i, "color":"black" }); wrap.add(text); item.add(wrap); items.push(item); } view.setData(items); win.add(view); win.open();