iOS: How to dynamically set height of UITableView

Question

I have a view controller that contains a table view (see screenshot below). This table view always has exactly 3 rows, and these rows expand when clicked to show more information. How can I make it so that the table view's height always shows exactly these three rows, and no more? As you can see in the screenshot, empty rows with no content are being shown.

Note that the expanded rows may contain views other than UILabels.

Here's how it looks in IB:

Answer 1

I think you need something like this

//Return number of rows in section
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    [self setTableHeight];
    return 3;
}

//Method which lets you calculate the height of tableView depending on your 3 cells
- (void)setTableHeight
{

    if(_isRowExpanded == NO)
    {
        tableHeightCalculated = rowHeight * 3; // rowHeight use default 44 or ur custom
    }
    else
    {
        //You need to put some logic here to Calculate or put approx height of  Expanded_Row_Height
        tableHeightCalculated = rowHeight * 2 + Expanded_Row_Height;

        if(tableHeightCalculated > maxHeightAllowed) //maxHeightAllowed is your current table height in snapshot
        {
            tableHeightCalculated = maxHeightAllowed;
        }
    }
    tableView.frame = CGRectMake(tableView.frame.origin.x, tableView.frame.origin.y,
                                 tableView.frame.size.width,  tableHeightCalculated);
}

Answer 2

If there is more space vertically than what is needed for displaying the actual cells, UITableView inserts fake empty cells. You can't really control this behavior, the most you can do is setting the height of your table view to something sufficiently smaller.

Answer 3

Use the frame property of any control that you want to manipulate via programming. frame has further two properties of size and origin. Using the size property you can manipulate width and height and using the origin you can manipulate x and y property of the control. What you want can be done through:

CGRect frame = control.frame; //control is your UIControl

frame.size.height = 10.0; //suppose 10 is the desired height.

control.frame = frame;

Hope this is what you are looking for.

Answer 4

try initializing the table´s footerview:

TableView.tableFooterView = [[UIView alloc] init];

Answer 5

Add this footerview method, This will work. This will remove the empty cells.

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
UIView *v = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].applicationFrame.size.width, 0)];
v.backgroundColor = [UIColor clearColor];
[tableView setTableHeaderView:v];
[tableView setTableFooterView:v];
return v;
}

Answer 6

This two lines work for me in the cases that I want the table looking exactly with the content size. It's an "illusion" but works like a charm.

 self.tableView.tableFooterView = [UIView new];
 self.view.backgroundColor = [UIColor whiteColor];