How do I customize a UITableview right, top and bottom border?

Question

How can I set right, left, top and bottom border with color on UITableview in swift?

Thanks,

stumped · Accepted Answer · 2016-01-18 20:13:15Z

46

Try this for full border:

yourtable.layer.masksToBounds = true yourtable.layer.borderColor = UIColor( red: 153/255, green: 153/255, blue:0/255, alpha: 1.0 ).CGColor yourtable.layer.borderWidth = 2.0

This is for bottom border:

let border = CALayer() let width = CGFloat(2.0) border.borderColor = UIColor.darkGrayColor().CGColor border.frame = CGRect(x: 0, y: yourtable.frame.size.height - width, width: yourtable.frame.size.width, height: yourtable.frame.size.height) border.borderWidth = width yourtable.layer.addSublayer(border) yourtable.layer.masksToBounds = true

edited Jan 18, 2016 at 20:13

stumped

3,3157 gold badges48 silver badges82 bronze badges

answered May 29, 2015 at 13:42

Ashish Kakkad

23.9k13 gold badges108 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

dhaval shah Over a year ago

thanks... it worked!! One more question can we have auto height of the Uitableview ..so that its height increase or decreasing depeneds on data comes in ?(sorry it is not related to the same subject)

AlexWoe Over a year ago

thank you very much! it worked and I saved a lot of research time ;-)

Ashish Kakkad Over a year ago

@AlexWoe89 Welcome anytime :)

CodeOverRide Over a year ago

that's great! Worked

A.J. Hernandez Over a year ago

this is beautiful, thank you. Works with Swift 3, too!

|

Esqarrouth · Accepted Answer · 2016-01-07 19:07:50Z

extension UIView { func addBorderTop(size size: CGFloat, color: UIColor) { addBorderUtility(x: 0, y: 0, width: frame.width, height: size, color: color) } func addBorderBottom(size size: CGFloat, color: UIColor) { addBorderUtility(x: 0, y: frame.height - size, width: frame.width, height: size, color: color) } func addBorderLeft(size size: CGFloat, color: UIColor) { addBorderUtility(x: 0, y: 0, width: size, height: frame.height, color: color) } func addBorderRight(size size: CGFloat, color: UIColor) { addBorderUtility(x: frame.width - size, y: 0, width: size, height: frame.height, color: color) } private func addBorderUtility(x x: CGFloat, y: CGFloat, width: CGFloat, height: CGFloat, color: UIColor) { let border = CALayer() border.backgroundColor = color.CGColor border.frame = CGRect(x: x, y: y, width: width, height: height) layer.addSublayer(border) } }

I am going to open source my extension classes at some point.

Edit: Here you go, I update the functions in here https://github.com/goktugyil/EZSwiftExtensions

I sure hope you'll factor out all of those copied & pasted statements into a utility method.
All four methods are identical except for the size of the frame. Figure out how to write a utility method that takes a CGRect argument for the border's frame, then use it to create the border layer and add it as a sublayer.
I've tried using it, but the border line is sticking out to the right, for the addBorderTop
I found that I add to place this code in viewDidAppear before it would work. viewDidLoad did not work.

Siempay · Accepted Answer · 2019-03-24 15:30:24Z

if you want to give the border to tableview with color use below code for swift 3 :

yourTableView.layer.borderColor = UIColor.gray.cgColor yourTableView.layer.borderWidth = 1.0

Collectives™ on Stack Overflow

How do I customize a UITableview right, top and bottom border?

3 Answers 3

6 Comments

5 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

5 Comments

Comments

Linked

Related