iOS 8: Remove Underline from UITableViewRowAction

Question

I've been banging my head against the wall with this one, so maybe someone here has done this before.

Anyway, I'm trying to change how the delete button looks in my UITableView, and I've got it mostly figured out. I'm changing it by setting the background Color to a UIImage of what I actually want it to look like.

Apparently, though, a UITableViewRowAction has a faint grey line under it, and I can't figure out how to make this disappear. Any pointers would be greatly appreciated. There's a link to what I'm talking about here:

Thank you very much!

Answer 1

This is a separator line of UITableView . You can remove it by setting it's style as None.

Objective C:

self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

Swift:

self.tableView.separatorStyle = UITableViewCellSeparatorStyle.None

Initially separator line is not visible, because I think height of image or view added in cell is more than cell height.

And that's why while you swipe separator line is visible. If you are testing in Simulator than use Debug > Color Blended Layers of Simultor. Which is helpful to track overlapping views.

Edit:

iOS 8.0 introduced layoutMargins for UITableView . So it may be possible reason for that also.

Check out this answer for more information.

It explains to clear layout margins by setting cell layoutMargins as UIEdgeInsetsZero .

Answer 2

Try this on cellForRowAtIndexPath Method

for iOS lower versions

 if(indexPath.row != self.newCarArray.count-1){
   UIImageView *line = [[UIImageView alloc] initWithFrame:CGRectMake(0, 44, 320, 2)];
   line.backgroundColor = [UIColor redColor];
   [cell addSubview:line];
  }

for iOS 7 upper versions

 if (indexPath.row == self.newCarArray.count-1) {
    cell.separatorInset = UIEdgeInsetsMake(0.f, 0.f, 0.f, cell.bounds.size.width);
 }