Question

I’m trying to create a UITableView where each UITableViewCell has three UIButton objects side by side, all clickable.

I want to hide the outline of the tableViewCell and make it unclickable (only allow for the user to click on the UIView objects on top of the cell).

I’m trying to create a grid layout — I know about GMGridView and other grid layouts, but I don’t want to add more dependencies in my project.

How do you create this custom grid layout using UITableView? Specifically, how do you
1) hide the tableViewCell outline
2) make the cell unclickable, but the subview objects on top clickable.

Thanks!

Answer 1

As a partial answer, you can make all of your cells unselectable by implementing this function in your tableviewcontroller/tableviewdelegate

- (NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    return nil;
}

And also set your cells’ selection style to none

EDIT

As for hiding the “outline” you just need to set your table view’s separator style to “none” as well.

And lastly, the hard part: making it a grid layout. I’ve had my own attempts at achieving this in previous projects. What I ended up doing was simply having a custom UITableViewCell that has evenly spaced labels, and set their display accordingly. Getting it to scroll horizontally though, that I never mastered.