UITableView - a line that appears between cells

Question

I have a UITableView that stores photos taken - one photo per cell. Following an Xcode update some time ago the table now appears with a fine white line between the cells on the left as in pic 1. The image has always been indented from the left side of the table for some reason and it is only under this part that the white line now appears.

So I have two questions really - how can I get rid of the white line and/or the indent? The separator colour is usually the same as the background but I tried changing the separator colour in the TableView to red see what happens and I get what you see in pic 2. (The image thumbnails are irrelevant).

What I am hoping for is to keep the seperator (so there is a line between the photos) but to be abel to the colour of it so match the background colour.

you can check this....http://stackoverflow.com/questions/19499366/white-space-before-separator-line-into-my-tableview — Bhavin Bhadani, Sep 14 '15 at 13:14

score 5 · Accepted Answer · answered Sep 14 '15 at 13:04

By setting tableView.separatorStyle = UITableViewCellSeparatorStyleNone; That remove respirator from your tableview. but as per your existing code you used separator with same color. I suggest to use following code:

-(void)viewDidLayoutSubviews
{
    if ([self.tableView respondsToSelector:@selector(setSeparatorInset:)]) {
        [self.tableView setSeparatorInset:UIEdgeInsetsZero];
    }

    if ([self.tableView respondsToSelector:@selector(setLayoutMargins:)]) {
        [self.tableView setLayoutMargins:UIEdgeInsetsZero];
    }
}

-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    if ([cell respondsToSelector:@selector(setSeparatorInset:)]) {
        [cell setSeparatorInset:UIEdgeInsetsZero];
    }

    if ([cell respondsToSelector:@selector(setLayoutMargins:)]) {
        [cell setLayoutMargins:UIEdgeInsetsZero];
    }
}

Thanks, but I need a separator ... just of the correct colour. — RGriffiths, Sep 14 '15 at 13:11
have you atlist put this code this is just make your seperate full width with correct color. atlist check the code impliemtn then comment sir — Nitin Gohel, Sep 14 '15 at 13:11
I understand now - and it works. Thanks a million. You might want to edit 'respirator' :) — RGriffiths, Sep 14 '15 at 13:22

score 2 · Answer 2 · edited Jun 20 '20 at 09:12

2

I think that is the separator of the tableview. You need to turn separators off. Heres a pic how to do so

Plz check and confirm.

EDIT

I changed my demo file- Colourd the cell background to green and turned separator off. As you can see here

And this is what i get after running the simulator [NOTE - I implemented the delegate and datasource methods, my numberOfRows has a return value of 5]

Seems like there is no space as you wanted.

edited Jun 20 '20 at 09:12

Community

1
1

answered Sep 14 '15 at 13:03

Saheb Roy

5,899
3
23
35

That will remove the line, but leave a blank space. The spacing stays the same... – CaptJak Sep 14 '15 at 13:05

aramusss · Answer 3 · 2015-09-14T13:23:11.750

1

Remove any separator from your tableView:

tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

Then, from your UITableViewCells remove any space between the UIImageView and the view margins (setting constraints from example).

EDIT

You can set the separator color using the tableView property:

tableView.separatorColor = [UIColor greenColor];

edited Sep 14 '15 at 13:23

answered Sep 14 '15 at 13:05

aramusss

2,391
20
30

Thanks, but I need a separator ... just of the correct colour. – RGriffiths Sep 14 '15 at 13:11
You should make it more clear in your question. Now I will update the answer. – aramusss Sep 14 '15 at 13:12

Chirag Kalsariya · Answer 4 · 2015-09-28T13:27:05.160

1

First you need set separators none

add custom separator like addSubview first get cell Height...

 UILabel *line=[[UILabel alloc]initWithFrame:CGRectMake(0, cellHeight-1, cell.frame.size.width, 1)];
            line.backgroundColor=[UIColor redColor];

 [cell addSubview:line];

edited Sep 28 '15 at 13:27

answered Sep 14 '15 at 13:42

Chirag Kalsariya

266
1
7

score 0 · Answer 5 · answered Feb 28 '19 at 20:22

0

in the func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell function, add cell.backgroundColor = {color that you want}. This will make the white space the same as your background color.

answered Feb 28 '19 at 20:22

TigerCoder

93
10

UITableView - a line that appears between cells

5 Answers5

EDIT