Remove corner shadow/offset in grouped UITableView

Question

When a UITableView of type UITableViewStyleGrouped has a background view that is a non-default color or pattern image on the iPad, the rounded corners have an ugly extra line, s

Answer 1

I replaced the tableView's backgroundView with a new view.

I then relied on the tableView's backgroundColor property to set the color I wanted:

self.tableView.backgroundView = [[[UIView alloc] init] autorelease];
self.tableView.backgroundColor = [UIColor whiteColor];

Answer 2

The default separator style for iPad is UITableViewCellSeparatorStyleSingleLineEtched. This is different from the iPhone's default of UITableViewCellSeparatorStyleSingleLine.

If you would like to remove the bevel, set the separatorStyle of the view to UITableViewCellSeparatorStyleSingleLine.

Note that the default separator style in iOS 5 for both devices is SingleLineEtched.

Answer 3

Set the Content Inset of the bottom of your table view to something like -20 px. You may need to play around with the value.

Answer 4

I had the same problem when using [UIColor scrollViewTexturedBackgroundColor]. I managed to remove the "bevel effect" / "drop shadow" by using the code below:

self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;