Why am i getting a stacked text label in table view swift - ios

Question

Why am I getting a text that stacked like this?
I know i can just delete the 'lbl' text from the inspector, but I don't believe I should get something like this.
what did i miss?
thankyou in advance
here's my code:
class ViewController: UITableViewController {
let name = [
"a", "b", "c", "d", "e", "f"
]
override func viewDidLoad() {
super.viewDidLoad()
tableView.delegate = self
// Do any additional setup after loading the view.
}
override func numberOfSections(in tableView: UITableView) -> Int {
return 1
}
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return name.count
}
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "bodyCell", for: indexPath)
cell.textLabel?.text = name[indexPath.row]
return cell
}
}

Answer 1

Try to do it programmatically:
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
let tableView = UITableView()
let name = [
"a", "b", "c", "d", "e", "f"
]
override func viewDidLoad() {
super.viewDidLoad()
tableView.delegate = self
tableView.dataSource = self
tableView.translatesAutoresizingMaskIntoConstraints = false
tableView.register(UITableViewCell.self, forCellReuseIdentifier: "bodyCell")
// add your tableView and add constraint
view.addSubview(tableView)
tableView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true
tableView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor).isActive = true
tableView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor).isActive = true
tableView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor).isActive = true
}
func numberOfSections(in tableView: UITableView) -> Int {
return 1
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return name.count
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "bodyCell", for: indexPath)
cell.textLabel?.text = name[indexPath.row]
return cell
}
}

Answer 2

So I just figured out my self,
I need to cast it after dequeueReusableCell
so it looks like this:
let cell = tableView.dequeueReusableCell(withIdentifier: "bodyCell", for: indexPath) as! OutletClass
so the OutletClass is the class where I connected the label.
well at least that's my case.