41

I have a customized UITableView, the cells have a different background color (set in a custom backgroundView). However, the background color is only applied within the cell, but not extended to the inset area of the separator. As you can see in the screenshot, there is a white area to the left of the colored separator.

How can we change the color of this white line? We would like to make the line "disappear" by setting it to the same color as the cell background. Thanks!

enter image description here

zavié
  • 4,301
  • 2
  • 34
  • 46

8 Answers8

49

Setting the cell's background colour to the same as the contentView's background colour seems to give the best results.

cell.backgroundColor = cell.contentView.backgroundColor;

That will handle cases where the accessoryView is the wrong colour as well.

Dave Wood
  • 13,143
  • 2
  • 59
  • 67
5

So I just had this problem myself, and it's strange because it seems to work fine on some tableviews. I'm assuming that the grey color you are using is the background color of your tableview. If not, this solution may not work.

It seems like cells in iOS 7 don't always pick up the tableview background color when a separator inset is present, so you need to manually set the cell background to clearColor. Interestingly, setting this value in storyboards didn't work for me, I had to do it in code. Add this:

cell.backgroundColor = [UIColor clearColor];

when you configure the cell in this delegate function:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
jzn
  • 656
  • 10
  • 17
  • Thanks, I tried your suggestion, the color is no longer white, but still it's not the same color as contentview.backgroundColor :( http://cl.ly/image/063n0z18002L. How does your cell look like? – zavié May 10 '14 at 19:53
  • @zavié This will only work if you have set your tableview.backgroundColor to whatever color you are using for your cell background color. – jzn May 12 '14 at 15:09
4

It's the default in iOS 7. But you can change it to the way iOS 6 looks. Please try my code below. You will be amazed:

    tableView.separatorColor = [UIColor colorWithRed:red green:green blue:blue alpha:1.0];
    NSString *iosversion = [[UIDevice currentDevice] systemVersion];
    int version = [iosversion intValue];
    if(version>6)
    {
        tableView.separatorInset = UIEdgeInsetsZero;
    }

Swift 3+:

tableView.separatorInset = UIEdgeInsets.zero
Tamás Sengel
  • 55,884
  • 29
  • 169
  • 223
0

Use image for separator. This the only easy way to acechive your expected result. For ios 7 in xib we have edge insect property is there you can use.

Rahul Juyal
  • 2,124
  • 1
  • 16
  • 33
0

Go to storyboard > Attribute Inspector > Separator Insets, then select cutom and change left coordinate from 15 to 0. it will be Done.

Ankit Jayaswal
  • 9
  • 1
0

In Interface builder on the UITableViewCell set the attribute 'background' to be clear (or whatever) and then on the Content View set the attribute 'background' to be clear as well and the problem should go away.

Tim Teece
  • 21
  • 2
0

This is the only method that worked for me... (separator = None via storyboard)

enter image description here

Jase Whatson
  • 4,179
  • 5
  • 36
  • 45
-1

I had similar issue and below code worked like charm. [self.tableView reloadData]

reload tableview on didSelectRowAtIndexPath Method.

  • (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { [self.tableView reloadData] }

only this fixed my issue.

pratima s
  • 1
  • 1
  • 1
    As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Nov 30 '21 at 16:43