如何将Storyboard标头视图添加到由UITableViewController初始化时创建的表视图

Question

I have a subclass of UITableViewController.

By default, it creates a UITableView when it is initialized. To that tableview I have set a header that I created in Interface Builder in the screen that is controlled by the controller. The header has two buttons:

one to enter editing mode for the tableview (called "Edit")

one to add a random item to the tableview (called "New").

I linked an IBOutlet property called headerView to the header from Interface Builder and I set it to be the header of the UITableView created at initialization in the viewDidLoad method.

The problem is that when I press the "New" button (which adds a new row with a new item to the tableview) the header of the tableview falls down to the bottom of the tableview.

Any idea why? How can I make it stick to the top?

This is the viewDidLoad method:

- (void)viewDidLoad {
        [super viewDidLoad];
        [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"UITableViewCell"];
        [self.tableView setTableHeaderView:self.headerView];
    }

This is the method that gets executed when the "New" button is pressed:

- (IBAction)addNewItem:(id)sender {
    Item *newItem = [[ItemStore sharedStore] createItem];
    NSInteger lastRow = [[[ItemStore sharedStore] allItems] indexOfObject:newItem];
    NSIndexPath *indexPath = [NSIndexPath indexPathForRow:lastRow inSection:0];
    [self.tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationTop];

}

Thanks.

Answer 1

Possibly you've set up the layout for table header view in a wrong way. Was there any layout constraint on it?

By the way, this project on GitHub is a very simple example to demonstrate how simply it is to achieve what you want in the storyboard. It will produce the result like below:

Please use this project to compare with your current configuration. I hope this helps in one way or another.