How do you change the colour of a section title in a tableview?

Question

Here is what I have at the moment.

How do I refer to this so that I can change the text colour to match my index list? The sectionForSectionIndexTitle worked well for adding in the correct section title but how exactly does one access the title element?

Or is it impossible and I need to redraw the view and add it with viewForHeaderInSection?

Its called an index list. Heres a vid https://www.youtube.com/watch?v=xYSKHna1KJk. Or another link with a great tutorial. http://www.edumobile.org/ios/indexed-table-views-in-swift/ — AMAN77, Jan 08 '18 at 07:36

Anbu.Karthik · Accepted Answer · 2019-07-26T10:47:05.120

you can use the one of UITableViewDelegate's method

swift3 and above

  func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    if let headerView = view as? UITableViewHeaderFooterView {
        headerView.contentView.backgroundColor = .white
        headerView.backgroundView?.backgroundColor = .black
        headerView.textLabel?.textColor = .red
    }
}

objective C

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    if([view isKindOfClass:[UITableViewHeaderFooterView class]]){
        UITableViewHeaderFooterView * headerView = (UITableViewHeaderFooterView *) view;
        headerView.textLabel.textColor  = [UIColor RedColor];  
    }
}

for Reference I taken the model answer from here

Possibly my favourite answer on SO. – Ashley Mills Jan 04 '18 at 15:47 — Ashley Mills, Jan 04 '18 at 15:47

Federico Zanetello · Answer 2 · 2018-01-04T15:53:57.840

10

One liner solution (using optional chaining):

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

edited Jan 04 '18 at 15:53

answered Jul 15 '17 at 16:04

Federico Zanetello

3,321
1
25
22

How is this different to @Anbu.karthik's solution? – Ashley Mills Jan 04 '18 at 15:48
1

^^ The result is the same, but this one uses optional chaining, hence resulting in one line, instead of a `if let` condition. I'll update the answer pointing this out – Federico Zanetello Jan 04 '18 at 15:52
Works for phone and pad but having trouble changing the color of my footer when running on Mac catalyst – Kurt L. May 31 '21 at 21:34

score 3 · Answer 3 · answered Sep 21 '16 at 10:45

Custom Title:

override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    let title = UILabel()
    title.font = UIFont(name: "SFUIDisplay-Light", size: 13)!
    title.textColor = UIColor.redColor()

    let header = view as! UITableViewHeaderFooterView
    header.textLabel!.font=title.font
    header.textLabel!.textColor=title.textColor
    header.contentView.backgroundColor = UIColor.whiteColor()
}

score 3 · Answer 4 · answered Jul 15 '20 at 05:03

Swift Solution

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

score 1 · Answer 5 · answered Dec 05 '18 at 09:47

I would use the Appearance() proxy class. I usually add them in a function in AppDelegate and call them didFinishLaunching.

private func setupApperances() {
    UILabel.appearance(whenContainedInInstancesOf: [UITableViewHeaderFooterView.self]).textColor = .red
}

score 0 · Answer 6 · answered Aug 30 '17 at 07:40

You can make your own section title (header/footer) view, and it is easy.

class BlackTableViewHeaderFooterView : UITableViewHeaderFooterView {

    override init(reuseIdentifier: String?) {
        super.init(reuseIdentifier: reuseIdentifier)

        contentView.backgroundColor = .black

        textLabel?.font = UIFont.preferredFont(forTextStyle: .body)
        textLabel?.numberOfLines = 0
        textLabel?.textColor = .white
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

class TableViewController : UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.register(BlackTableViewHeaderFooterView.self, forHeaderFooterViewReuseIdentifier: "\(BlackTableViewHeaderFooterView.self)")
        // do other setup
    }

    override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let header = tableView.dequeueReusableHeaderFooterView(withIdentifier: "\(BlackTableViewHeaderFooterView.self)")
        header.textLabel?.text = "" // set your header title
        return header
    }
}

How do you change the colour of a section title in a tableview?

6 Answers6

Linked