CODEWITHSUNDEEP
ipaduitableview
marcprux
marcprux

Reputation: 10385

Remove corner shadow/offset in grouped UITableView

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, sort of like a bevel effect or drop shadow:

ugly table view corners

Does anyone know of any way to get rid of the extra line at the bottom of the table?

Upvotes: 12

Views: 3164

Answers (4)

Jeevan Takhar
Jeevan Takhar

Reputation: 491

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.

Upvotes: 15

user875330
user875330

Reputation: 23

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;

Upvotes: 2

Don
Don

Reputation: 3684

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.

Upvotes: 0

Cristy
Cristy

Reputation: 246

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];

Upvotes: 1

Related Questions