How to add space between each TableViewRow for tableview
Window.Js
for(var i=0;i < benefitElection.length ;i++){ // tblRow_Election[i] = Titanium.UI.createTableViewRow({ height:(Ti.Platform.osname == 'ipad')?'280':'140', width:Titanium.Platform.displayCaps.platformWidth, left:(Ti.Platform.osname == 'ipad')?'20':'10', right:(Ti.Platform.osname == 'ipad')?'20':'10', color:'red', touchEnabled: true, borderRadius:'4', borderWidth:'1', borderColor:'green', }); data.push(tblRow_Election[i]); } $.tbl_ElectionList.data = data;Window.tss
"#tbl_ElectionList":{ top:'40', height:'auto', backgroundColor:'transparent', left:'10', right:'10', style:Titanium.UI.iPhone.TableViewStyle.GROUPED, borderColor:'green', separatorInsets: { left:0, right:0, }, }Window.xml
<Alloy> <Window id="ElectionWin" class="ElectionWindow" > <View class="container" id = "view_Election" backgroundColor="white"> <TableView id="tbl_ElectionList"> </TableView> </View> </Window> </Alloy>Can any one advice me how to separate TableViewRow one by one. Thanks in advance.