Two rows only UITableView

Question

I'm using a UITableView control on a Nib with one section and set the delegate/data source to my controller where the "table data" array is initialized to 2 items only. However, I'm seeing additional empty rows being rendered in the Table View when run in the simulator. How can I make the UITableView render only two rows?

Thanks!

Answer 1

I was having a similar problem, how to show only separators for the cells that contain data. The tableView renders as many rows as it can fit into the area allocated to it (width and height). The number you designate in numberOfRowsInSection is only used to determine how many times it should call cellForRowAtIndexPath.

To overcome the the rendering of separator lines for empty cells I did the following:

1. Disable separators for the whole tableView. You can do that in the inspector for the tableview in Interface builder or by calling [yourTableView setSeparatorStyle:UITableViewCellSeparatorStyleNone];.

2. Inside your cellForRowAtIndexPath where you populate your tableview with cells create a new UIView and set it as a subview to the cell. Have the background of this view lightgray and slightly transparent. You can do that with the following:

   UIView *separatorView = [[UIView alloc] initWithFrame:CGRectMake:
                                   (0, cell.frame.size.height-1, 
                                      cell.frame.size.width, 1)];
   [separatorView setBackgroundColor:[UIColor lightGrayColor]];
   [separatorView setAlpha:0.8f];
   [cell addSubView:separatorView];
   

   The width of this view is 1 pixel which is the same as the default separator, it runs the length of the cell, at the bottom.

Since cellForRowAtIndexPath is only called as often as you have specified in numberOfRowsInSection these subviews will only be created for the cells that possess data and should have a separator.

Hope this helps.

Answer 2

You need to make sure that you are using the arrays count as the number of cells in the section.

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return [myArray count];
}

Answer 3

set

urtableview.frame=(x,y,width,[rowheight * num of rows])

Answer 4

If you do not need sections or footers, give the table an empty footer.

In viewDidLoad add

tableView.tableFooterView = [[UIView alloc] initWithFrame:CGRectZero];

See How to remove empty cells in UITableView?

Another way to accomplish this is to return an empty footer view. This is especially useful if you need a footer for a previous section.

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section {
    return [[UIView alloc] initWithFrame:CGRectZero];
}

Finally, here is another link with other ways to accomplish this.

Eliminate extra separators below UITableView

Answer 5

Add an empty uiview as bottom view for the tableview

tabelview.tableFooterView = UIView()

Answer 6

You could just decrease the size of the table view's frame to be 2*cellHeight.

Or whatever the height necessary. So say each cell is 44 pixels in height and you only have one section, so no section headers, you would do:

self.tableView = [[UITableView alloc] 
  initWithFrame:CGRectMake(x-coord, y-coord, width, 88) 
  style:UITableViewStylePlain];

That should only show 2 cells, assuming they are 44 pixels in height each.

Answer 7

You can call this method from your viewDidLoad:

- (void) addFooter
{
 UIView *v = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 10)];
 v.backgroundColor = [UIColor clearColor];
 [self.tableView setTableFooterView:v];
}