How to Implement iOS TableView For Your iPhone App Development Project

Remember that <table> tag we used to write for HTML table? Well, the iOS tableview is similar to it. The iOS tableview basically helps to build a good user interface by managing taps on rows and columns by app users. In fact, it helps to manage the app elements and contents quite easily for iPhone app development.

However, first let’s find about iOS tableview in brief.

The iOS tableview is one of the common UI elements in the iOS apps. And the best example of tableview is the built-in phone app in your device. The contacts are presented in table view. However, the iOS tableview is not only designed display textual data, but it also allows developers to display the data in image forms.

In today’s iOS app tutorial, we’ll build an iOS app to demonstrate how to implement the iOS tableview for iPhone app development.

Let’s Get Started

First, open XCode, and create a new project under file menu.

sampletable1

Select Single View Application and click on Next.

sampletable12

Set the project name and other details.

sampletable2

Once you create a project successfully, go to Main.Storyboard and select ViewController. Drag and drop UITableView from “Show the project library” section.

sampletable3

Fit the UITableView in the project ViewController.

sampletable4

Now select tableview, go to attribute inspector, and add Prototype Cells count.

sampletable5

This will create a cell in Tableview.

Now select the cell, and go back to the attribute inspector.

sampletable6

Add identifier in blank textfield.

sampletable7

Next, set the outlet of tableview in ViewController.swift

@IBOutlet weak var tblList: UITableView

sampletable8

Now set datasource and delegate of tableview.

sampletable9

sampletable10

Once set the delegate and datasource, set auto layout to the table view.

sampletable11

Now write the following in ViewController.swift


Step1:- Write TableView Methods DataSource And Delegate in ViewController
 
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource 


Step2:-  Create Outlet For TableView

 		//MARK: Outlet for TableView
    @IBOutlet weak var tableList: UITableView!


Step3:-  Create Array To Use Store Data In TableView

		//MARK: Array declaration
    var arrDeviceDetail = [[String: Any]]()
    var itemSection = ["iDevice"]


Step4:- Create TableView Methods For Delegate

	 //MARK: UITableViewDelegate
func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return self.itemSection[section]
    }
    
    func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
        view.tintColor = UIColor.darkGray
        let header = view as! UITableViewHeaderFooterView
        header.textLabel?.textColor = UIColor.white
        
    }


Step5:- Create TableView Methods For Datasource

 		 //MARK: UITableViewDataSource
    func numberOfSections(in tableView: UITableView) -> Int {
        return itemSection.count
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return arrDeviceDetail.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell") as! TableViewCell
        let dict = arrDeviceDetail[indexPath.row]
        cell.lblItemName.text = (dict["Title"] as! String)
        cell.lblItemDes.text = dict["Detail"] as? String
        cell.img.image = (dict["image"] as! UIImage)
        return cell
    }

And done!

Let’s check the demo.

output-table-view

Works fine!

Now if you have a startup idea, or working on you next iPhone app development project, do remember to use iOS TableView component while you build iphone app. And in case, you need help, consult with an expert developer or hire iPhone app developer to implement this component right.

Grab a free copy of tableview example demo from Github.

This page was last edited on January 31st, 2019, at 7:57.
 
 

Have an iOS App Idea in Mind? Let's Discuss!

Get your free consultation now