Tableview rounded corner not showing up in bottom

Question

I am using corner radius to set rounded border of UITableView, Following is my code

self.tableView.layer.cornerRadius = 8.0
self.tableView.layer.masksToBounds = true

But its showing like this without rounded corner in bottom :(

check your constraint i think is going to the out of view check that first bottom constraint — Divyesh Gondaliya, Aug 18 '17 at 06:55
Set `clipsToBounds` to true. As Divyesh said the tableview frame could be out of bounds. — badhanganesh, Aug 18 '17 at 06:57
@DivyeshGondaliya seems like thats the issue, I have given static height of 120 but two cells are less than 120 — Abhishek, Aug 18 '17 at 07:05
@Abhishek please visit below link. https://stackoverflow.com/a/33794065/1746086 — Shah Nilay, Aug 18 '17 at 07:45

score 1 · Answer 1 · answered Mar 21 '23 at 03:20

1

The problem was that I was doing rounding corners in awakeFromNib(), instead you MUST do it in layoutSubviews() and it works nicely.

answered Mar 21 '23 at 03:20

Md.Mominul Islam

127
6

score 0 · Answer 2 · answered Aug 18 '17 at 07:01

0

If your table height is proper then, your second cell inner view's height is greater that its height.

Try removing your inner view from cell or if there is no inner view then check your tableview height.

Thanks.

answered Aug 18 '17 at 07:01

Thanks @Manish, seems like height is the issue, I have given static height of 120 but two cells are less than 120 – Abhishek Aug 18 '17 at 07:05
What is tableview height? – Aug 18 '17 at 07:09
120, while two cells are 44 each – Abhishek Aug 18 '17 at 07:09

score 0 · Answer 3 · answered Aug 18 '17 at 08:19

I set up a quick demo project with a sample viewcontroller containing the following code:

@IBOutlet var tableView: UITableView! {
    didSet {
        tableView.rowHeight = 44
    }
}

func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return 2 }
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    return tableView.dequeueReusableCellWithIdentifier("CustomCell", forIndexPath: indexPath)
}

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.tableFooterView = UIView()
}

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    tableView.layer.cornerRadius = 10
}

In storyboard the viewcontroller looks like this:

As you can see the tableview has a fixed height of 128pt. Although the tableview contains only two rows with a height of 44pt each (88pt in total) the tableview's corners look fine. So there has to be some other issue in your code.

Tableview rounded corner not showing up in bottom

3 Answers3