Ios – UITableView section border

iosuitableview

Is there any way to set a border on a UITableView section (group style)? I don't mean change the border on the cells in the section – I want a border around the whole section. Like this:

Bordered UITableView section

Note: While the picture above only shows part of a single section, the table in question actually has multiple sections, each of variable lengths, which I would like to border separately.

Best Answer

Yes you can achieve it with couple of line of codes :

Simply have the TableView in your Xib file.No need to have the UITableView Style to Grouped.

1) Import the QuartzCore framework in your .h file.

#import <QuartzCore/QuartzCore.h>

2) Now set the Layers of the TableView in .m file.

[CategoryTblView.layer setBorderWidth: 1.0];
[CategoryTblView.layer setCornerRadius:8.0f];
[CategoryTblView.layer setMasksToBounds:YES];
[CategoryTblView.layer setBorderColor:[[UIColor blackColor] CGColor]];

And this is the output :

enter image description here

Related Solutions

Ios – How to disable the UITableView selection

All you have to do is set the selection style on the UITableViewCell instance using either:

Objective-C:

cell.selectionStyle = UITableViewCellSelectionStyleNone;

[cell setSelectionStyle:UITableViewCellSelectionStyleNone];

Swift 2:

cell.selectionStyle = UITableViewCellSelectionStyle.None

Swift 3 and 4.x:

cell.selectionStyle = .none

Further, make sure you either don't implement -tableView:didSelectRowAtIndexPath: in your table view delegate or explicitly exclude the cells you want to have no action if you do implement it.

More info here and here

Ios – UITableView – change section header color

This is an old question, but I think the answer needs to be updated.

This method does not involve defining and creating your own custom view. In iOS 6 and up, you can easily change the background color and the text color by defining the

-(void)tableView:(UITableView *)tableView 
    willDisplayHeaderView:(UIView *)view 
    forSection:(NSInteger)section

section delegate method

For example:

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    // Background color
    view.tintColor = [UIColor blackColor];

    // Text Color
    UITableViewHeaderFooterView *header = (UITableViewHeaderFooterView *)view;
    [header.textLabel setTextColor:[UIColor whiteColor]];

    // Another way to set the background color
    // Note: does not preserve gradient effect of original header
    // header.contentView.backgroundColor = [UIColor blackColor];
}

Taken from my post here: https://happyteamlabs.com/blog/ios-how-to-customize-table-view-header-and-footer-colors/

Swift 3 / 4

func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int){
    view.tintColor = UIColor.red
    let header = view as! UITableViewHeaderFooterView
    header.textLabel?.textColor = UIColor.white
}

Best Answer

Related Solutions

Ios – How to disable the UITableView selection

Ios – UITableView – change section header color

Related Topic