Removing cell borders from a section of grouped-style UITableView

Question

I have a UITableViewController initialized with the grouped style and having multiple sections. For one of these sections, I'd like its constituent cells to be completely transparent and have no border. I plan to assign a custom view for every row in this section, but having that custom view surrounded by the grouped table cell looks bad :(

The following makes the background color of a cell black instead of transparent... And I still don't know how to get rid of the border.

cell.backgroundColor = [UIColor clearColor];

Any pointers? Thanks!

@smilealdway That's not for grouped cells. See Intentss's answer below. — Bill
– Bill, Commented Mar 4, 2013 at 20:48

Community · Accepted Answer · 2017-05-23 11:47:05Z

159

NOTE: This doesn't appear to be working in iOS7 and above. For iOS7 try this answer.

For iOS6 and below, to remove the grouped background from a cell in a grouped table view cell:

This didn't work

cell.backgroundView = nil; // Did Not Work

This did

cell.backgroundView = [[[UIView alloc] initWithFrame:CGRectZero] autorelease];

If you have moved to ARC (I've heard this works, but haven't tested it)

cell.backgroundView = [UIView new];

edited May 23, 2017 at 11:47

CommunityBot

11 silver badge

answered Jul 24, 2011 at 16:54

user160917

9,3604 gold badges55 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

anka Over a year ago

This works for me for iOS 4.3.3 too and i prefer this solution, because you can remove the border for each cell individually instead of removing it for all cells of the table view.

nh32rg Over a year ago

Also set the cell.selectedBackgroundView using the same otherwise it may highlight.

Prince Kumar Sharma Over a year ago

[cell setBackgroundColor:t.best5bgColor];

Andreas Ley Over a year ago

@RyanRomanchuk I've found a way that works in iOS 7: stackoverflow.com/a/19220030/1372503

Piyuesh Over a year ago

Thanks a lot buddy, wish I found this earlier. For iOS 7, I think it doesn't add any style for grouped tables.

|

Chintan Patel · Accepted Answer · 2010-11-17 09:22:30Z

39

You have to actually set

tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

to remove the border of cells.

answered Nov 17, 2010 at 9:22

Chintan Patel

3,1653 gold badges31 silver badges36 bronze badges

1 Comment

Steven Fisher Over a year ago

The question is asking about grouped tables. tableView.separatorStyle = UITableViewCellSeparatorStyleNone doesn't work on grouped tables.

Andreas Ley · Accepted Answer · 2014-02-04 15:12:04Z

37

The following hack works in iOS 7 – for now. :)

Subclass UITableViewCell, and use this cell for the section that shouldn't have separators.
Override the addSubview method in your cell subclass:

-(void)addSubview:(UIView *)view
{
    // The separator has a height of 0.5pt on a retina display and 1pt on non-retina.
    // Prevent subviews with this height from being added. 
    if (CGRectGetHeight(view.frame)*[UIScreen mainScreen].scale == 1)
    {
        return;
    }

    [super addSubview:view];
}

edited Feb 4, 2014 at 15:12

answered Oct 7, 2013 at 8:22

Andreas Ley

9,3731 gold badge51 silver badges63 bronze badges

5 Comments

Pin Over a year ago

Note also that this doesn't work on iOS6, so for iOS6 cell.backgroundView = [UIView new]; is still required.

Andreas Ley Over a year ago

@Pin The separators seem to be separate subviews in iOS 7. This code simply prevents them from being added to the cell. It's not very sophisticated though. :)

Rany Ishak Over a year ago

in iPad height is 1 , iPhone height is 0.5

Andreas Ley Over a year ago

@RanyA.Ishak It's actually not the device type that makes the difference but the screen resolution. I've modified the code to handle both retina and non-retina displays.

Aviel Gross Over a year ago

Works for iOS9 as well. Brilliant hack!

Fede Mika · Accepted Answer · 2011-04-28 12:32:44Z

23

This is what worked for with having a Grouped style table

[tableView setSeparatorColor:[UIColor clearColor]];

answered Apr 28, 2011 at 12:32

Fede Mika

2,2612 gold badges19 silver badges18 bronze badges

5 Comments

Rohit Gupta Over a year ago

This solution worked for me! And I think this is a better solution than "cell.backgroundView = [[[UIView alloc] initWithFrame:CGRectZero] autorelease];" from performance standpoint. I am using Grouped style table, iOS 5.1. Thanks

user160917 Over a year ago

I don't know what kind of performance you are talking about, generally setting anything to [UIColor clearColor] is bad idea when it comes to graphics performance because it's a non-opqaue layer that forces the GPU to do transparency blending.

abellina Over a year ago

if I use the above with a grouped tableview, I get that the overall border of the table is gone, which is what I expected. It seems that separator color == table border.

siburb Over a year ago

The other nice thing about this answer is that you can use it in IB too, so you can see your cell as it is meant to look.

Pin Over a year ago

But this removes the separator from the whole table view, not from a single section.

Nicolò Ciraci · Accepted Answer · 2012-04-20 14:50:03Z

19

This code worked for me :)

[self.tableView setSeparatorColor:[UIColor clearColor]];
[self.tableView setSeparatorStyle:UITableViewCellSeparatorStyleNone];

answered Apr 20, 2012 at 14:50

Nicolò Ciraci

6786 silver badges23 bronze badges

Comments

user511132 · Accepted Answer · 2010-11-17 20:18:57Z

2

Set the backgroundView of the cell to nil. For a grouped table, the cell image is part of that view.

answered Nov 17, 2010 at 20:18

user511132

1991 gold badge1 silver badge4 bronze badges

1 Comment

user160917 Over a year ago

Didn't work for iOS 4.3.3, or maybe I don't understand what you are talking about.

Titouan de Bailleul · Accepted Answer · 2012-12-02 23:36:34Z

1

cell.backgroundColor = [UIColor clearColor];

cell.backgroundView = [[[UIView alloc] initWithFrame:CGRectZero] autorelease];

edited Dec 2, 2012 at 23:36

Titouan de Bailleul

12.9k11 gold badges71 silver badges122 bronze badges

answered Jul 24, 2012 at 4:38

Sandip Patel - SM

3,39431 silver badges27 bronze badges

Comments

Titouan de Bailleul · Accepted Answer · 2013-03-26 17:17:45Z

1

Try using tableView.separatorColor = [UIColor clearColor];

And, don't use tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

I tested with both, if style is none, making the section borders invisible is not working, but instead just change its color, and section border will appear to be none.

iOS seems to be differentiating making an object none and making an object transparent

edited Mar 26, 2013 at 17:17

Titouan de Bailleul

12.9k11 gold badges71 silver badges122 bronze badges

answered Jun 7, 2012 at 4:47

petershine

3,2001 gold badge28 silver badges50 bronze badges

3 Comments

Johan Karlsson Over a year ago

The question was how to remove the border, not the separator.

petershine Over a year ago

@JohanKarlsson Though property is separatorColor, it affects the border of Grouped style for tableView Try it yourself~

Johan Karlsson Over a year ago

I have tried it. I know it affects both. But nothing in your answer explains this ;-)

Rui Jarimba · Accepted Answer · 2013-08-11 23:13:36Z

1

cell.backgroundView = [UIView new];

Works like a charm! Tested! iOS6

edited Aug 11, 2013 at 23:13

Rui Jarimba

18.5k11 gold badges64 silver badges101 bronze badges

answered Aug 11, 2013 at 22:55

Ricardo Funk

112 bronze badges

Comments

prabhu · Accepted Answer · 2017-01-18 07:22:20Z

1

As of iOS 8, setting the separator attribute to none works as well.

Get rid of cell border

edited Jan 18, 2017 at 7:22

answered Jun 29, 2015 at 8:10

prabhu

9789 silver badges17 bronze badges

Comments

BTRUE · Accepted Answer · 2013-05-13 07:49:17Z

0

Setting a content view also gets rid of the border. Set your custom view to cell.contentView.

answered May 13, 2013 at 7:49

BTRUE

3903 silver badges8 bronze badges

Comments

Kevin · Accepted Answer · 2013-06-17 19:23:37Z

0

The easiest way to remove cell borders from a section of grouped-style UITableView:

[tableViewOutlet setBackgroundView:nil];

in the viewDidLoad method.

answered Jun 17, 2013 at 19:23

Kevin

77013 silver badges21 bronze badges

Comments

user1635181 · Accepted Answer · 2013-07-05 13:39:00Z

0

 UIView *backView = [[UIView alloc] initWithFrame:CGRectZero];
 backView.backgroundColor = [UIColor clearColor];
 cell.backgroundView = backView;
 cell.backgroundColor = [UIColor clearColor];
 [cell.contentView addSubview:imageView];

answered Jul 5, 2013 at 13:39

user1635181

1

Comments

Kostub Deshmukh · Accepted Answer · 2013-08-20 18:47:35Z

0

If you have a custom UITableCellView then you can add the following method to your view to remove the background view.

- (void)setBackgroundView:(UIView *)backgroundView
{
    // We don't want background views for this cell.
    [super setBackgroundView:nil];
}

answered Aug 20, 2013 at 18:47

Kostub Deshmukh

2,9722 gold badges27 silver badges35 bronze badges

Comments

Charles Robertson · Accepted Answer · 2016-12-27 17:57:38Z

0

I just thought I would convert my comment to @Intentss into an answer, because it maybe useful for those, using his solution.

Using iOS6.1 with a grouped UITabelView, using ARC:

[tableView setSeparatorColor:[UIColor clearColor]];

Does not work

cell.backgroundView = [[UIView alloc] initWithFrame:CGRectZero];

Does work

answered Dec 27, 2016 at 17:57

Charles Robertson

1,82017 silver badges23 bronze badges

Collectives™ on Stack Overflow

Removing cell borders from a section of grouped-style UITableView

15 Answers 15

6 Comments

1 Comment

5 Comments

5 Comments

Comments

1 Comment

Comments

3 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

15 Answers 15

6 Comments

1 Comment

5 Comments

5 Comments

Comments

1 Comment

Comments

3 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related