How to set row Height on a tableView that is dynamically populated? (Titanium Studio)

Question

I am new to Titanium Studio. Need to set row height dynamically but, I unable to set dynamic height in each row. Below is my code:

textArray contains 10 text paragraphs. each paragraph have different height.

var myTable = Ti.UI.createTableView({height:360, width: 306, top: 58, backgroundColor: '#FFFFFF',borderColor: '#C8C8C8',borderWidth:2, zIndex: -1});
var myArray = [];

for(int i = 0; i < 10; i++)
{

    var row = Ti.UI.createTableViewRow({contentHeight: 'auto', width: 320,top:0});

    var my = Ti.UI.createView({ top:10,width:300,height:'auto' });

    var myText = Ti.UI.createlLabel({text:textArray[i],width:50,height:'auto',left:10,top:5,borderRadius:4});

    my.add(myText);

    row.add(my);
    myArray.push(row);

}

How can i set row height dynamically.

Can any one help?

score 1 · Answer 1 · edited May 23 '17 at 11:58

1

As per understanding you need to show cell height as per text

Here are some good example

Hope this will solve you problem.

edited May 23 '17 at 11:58

Community

1
1

answered Oct 08 '12 at 12:27

Kamleshwar

2,967
1
25
27

Thanks..I am working in Titanium Studio Mobile Development. my code is different from this answer specified code. – suresh gopal Oct 18 '12 at 20:50

suresh gopal · Accepted Answer · 2013-07-08T05:27:33.033

I got the solution:

specify your table rowHeight as auto.

var myTable = Ti.UI.createTableView({height:400,rowHeight: 'auto', width: 312, top: 10,left:4, backgroundColor: '#FFFFFF',borderColor: '#C8C8C8',borderWidth:2, zIndex: -1});
var myArray=[];   

for(int i = 0; i < 10; i++)
{
    //create row in table.
    var row = Ti.UI.createTableViewRow({height: 'auto', width: 310,top:10, selectionStyle : Titanium.UI.iPhone.TableViewCellSelectionStyle.NONE});

    //textArray contains 10 elements. i am using this in each loop..
    var myText = Ti.UI.createlLabel({text:textArray[i],width:50,height:50,left:10,top:5,borderRadius:4});

    //add like this what ever you want...
    row.add(myText);

    myArray.push(row);

}

//store in table
myTable.data = myArray;

//disply table.
win.add(myTable);

If height:'auto' property is not working then use Ti.UI.SIZE

I hope.. someone will use it.

score -1 · Answer 3 · edited Oct 08 '12 at 12:32

-1

Change the content height to what you want table height look

edited Oct 08 '12 at 12:32

j0k

22,600
28
79
90

answered Oct 08 '12 at 12:29

Omarj

1,151
2
16
43

How to set row Height on a tableView that is dynamically populated? (Titanium Studio)

3 Answers3