iOS Programming Tutorial: Create a Simple Table View App

Update: If you’re using Xcode 5, please check out the new tutorial about UITableView.

Is it fun to create the Hello World app? In this tutorial, we’ll work on something more complex and build a simple app using Table View. If you haven’t read the previous tutorial about the iOS programming basic, check it out first before moving on.

First, what’s a Table View in iPhone app? Table View is one of the common UI elements in iOS apps. Most apps, in some ways, make use of Table View to display list of data. The best example is the built-in Phone app. Your contacts are displayed in a Table View. Another example is the Mail app. It uses Table View to display your mail boxes and emails. Not only designed for showing textual data, Table View allows you to present the data in the form of images. The built-in Video and YouTube app are great examples for the usage.

Sample Apps Using Table View

Create SimpleTable Project

With an idea of table view, let’s get our hands dirty and create a simple app. Don’t just glance through the article if you’re serious about learning iOS programming. Open your Xcode and code! This is the best way to study programming.

Once launched Xcode, create a new project for “Single View application”.

Xcode Project Template Selection

Click “Next” to continue. Again, fill in all the required options for the Xcode project:

Product Name: SimpleTable – This is the name of your app.
Company Identifier: com.appcoda – It’s actually the domain name written the other way round. If you have a domain, you can use your own domain name. Otherwise, you may use mine or just fill in “edu.self”.
Class Prefix: SimpleTable – Xcode uses the class prefix to name the class automatically. In future, you may choose your own prefix or even leave it blank. But for this tutorial, let’s keep it simple and use “SimpleTable”.
Device Family: iPhone – Just use “iPhone” for this project.
Use Storyboards: [unchecked] – Do not select this option. We do not need Storyboards for this simple project.
Use Automatic Reference Counting: [checked] – By default, this should be enabled. Just leave it as it is.
Include Unit Tests: [unchecked] – Leave this box unchecked. For now, you do not need the unit test class.

SimpleTable Project Options

Click “Next” to continue. Xcode then asks you where you saves the “SimpleTable” project. Pick any folder (e.g. Desktop) to save your project. As before, deselect the option for Source Control. Click “Create” to continue.

Pick a Folder to Save Your Project

As you confirm, Xcode automatically creates the “SimpleTable” project based on the options you’ve provided. The resulting screen looks like this:

Main Screen of SimpleTable Project

Designing the View

First, we’ll create the user interface and add the table view. Select “SimpleTableViewController.xib” to switch to the Interface Builder.

Interface Builder for SimpleTable Project

In the Object Library, select the “Table View” object and drag it into the view.

Your screen should look like below after inserting the “Table View”.

Run Your App for the First Time

Before moving on, try to run your app using the Simulator. Click the “Run” button to build your app and test it.

The Simulator screen will look like this:

Easy, right? You already designed the Table View in your app. For now, however, it doesn’t contain any data. Next up, we’ll write some code to add the table data.

Adding Table Data

Go back to the Project Navigator and select “SimpleTableViewController.h”. Append “<UITableViewDelegate, UITableViewDataSource>” after “UIViewController”. Your code should look like below:

#import <UIKit/UIKit.h>

@interface SimpleTableViewController : UIViewController <UITableViewDelegate, UITableViewDataSource>

@end

#import <UIKit/UIKit.h>

@interface SimpleTableViewController : UIViewController <UITableViewDelegate, UITableViewDataSource>

@end

The “UITableViewDelegate” and “UITableViewDataSource” are known as protocol in Objective-C. Basically, in order to display data in Table View, we have to conform to the requirements defined in the protocols and implement all the mandatory methods.

UITableViewDelegate and UITableViewDataSource

Earlier, we’ve added the “UITableViewDelegate” and “UITableViewDataSource” protocols in the header file. It may be confusing. What’re they?

The UITableView, the actual class behind the Table View, is designed to be flexible to handle various types of data. You may display a list of countries or contact names. Or like this example, we’ll use the table view to present a list of recipes. So how do you tell UITableView the list of data to display? UITableViewDataSource is the answer. It’s the link between your data and the table view. The UITableViewDataSource protocol declares two required methods (tableView:cellForRowAtIndexPath and tableView:numberOfRowsInSection) that you have to implement. Through implementing these methods, you tell Table View how many rows to display and the data in each row.

UITableViewDelegate, on the other hand, deals with the appearance of the UITableView. Optional methods of the protocols let you manage the height of a table row, configure section headings and footers, re-order table cells, etc. We do not change any of these methods in this example. Let’s leave them for the next tutorial.

Next, select “SimpleTableViewController.m” and define an instance variable for holding the table data.

@implementation SimpleTableViewController
{
    NSArray *tableData;
}

@implementation SimpleTableViewController

{

NSArray *tableData;

}

In the “viewDidLoad” method, add the following code to initialize the “tableData” array. We initialize an array with a list of recipes.

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Initialize table data
    tableData = [NSArray arrayWithObjects:@"Egg Benedict", @"Mushroom Risotto", @"Full Breakfast", @"Hamburger", @"Ham and Egg Sandwich", @"Creme Brelee", @"White Chocolate Donut", @"Starbucks Coffee", @"Vegetable Curry", @"Instant Noodle with Egg", @"Noodle with BBQ Pork", @"Japanese Noodle with Pork", @"Green Tea", @"Thai Shrimp Cake", @"Angry Birds Cake", @"Ham and Cheese Panini", nil];
}

- (void)viewDidLoad

{

[super viewDidLoad];

// Initialize table data

tableData = [NSArray arrayWithObjects:@"Egg Benedict", @"Mushroom Risotto", @"Full Breakfast", @"Hamburger", @"Ham and Egg Sandwich", @"Creme Brelee", @"White Chocolate Donut", @"Starbucks Coffee", @"Vegetable Curry", @"Instant Noodle with Egg", @"Noodle with BBQ Pork", @"Japanese Noodle with Pork", @"Green Tea", @"Thai Shrimp Cake", @"Angry Birds Cake", @"Ham and Cheese Panini", nil];

}

What is an array?

An array is a fundamental data structure in computer programming. You can think of an array as a collection of data elements. Consider the tableData array in the above code, it represents a collection of textual elements. You may visualize the array like this:

Each of the array elements is identified or accessed by an index. An array with 10 elements will have indices from 0 to 9. That means, tableData[0] returns the first element of the “tableData” array.

In Objective C, NSArray is the class for creating and managing array. You can use NSArray to create static array for which the size is fixed. If you need a dynamic array, use NSMutableArray instead.

NSArray offers a set of factory methods to create an array object. In our code, we use “arrayWithObjects” to instantiate a NSArray object and preload it with the specific elements (e.g. Hamburger).

You can also use other built-in methods to query and manage the array. Later, we’ll invoke the “count” method to query the number of data elements in the array. To learn more about the usage of NSArray, you can always refer to Apple’s official document.

Finally, we have to add two datasource methods: “tableView:numberOfRowsInSection” and “tableView:cellForRowAtIndexPath”. These two methods are part of the UITableViewDataSource protocol. It’s mandatory to implement the methods when configuring a UITableView. The first method is used to inform the table view how many rows are in the section. So let’s add the below code. The “count” method simply returns the number of items in the “tableData” array.

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return [tableData count];
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

return [tableData count];

}

Next, we implement the other required methods.

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *simpleTableIdentifier = @"SimpleTableItem";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:simpleTableIdentifier];

    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleTableIdentifier];
    }

    cell.textLabel.text = [tableData objectAtIndex:indexPath.row];
    return cell;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

static NSString *simpleTableIdentifier = @"SimpleTableItem";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:simpleTableIdentifier];

if (cell == nil) {

cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleTableIdentifier];

}

cell.textLabel.text = [tableData objectAtIndex:indexPath.row];

return cell;

}

The “cellForRowAtIndexPath” is called every time when a table row is displayed. The below illustration will give you a better understanding about how UITableView and UITableDataSource work.

How UITableView and UITableDataSource Work Together

Okay, let’s hit the “Run” button and try out your final app! If you’ve written the code correctly, the Simulator should run your app like this:

Why is it still blank? We’ve already written the code for generating the table data and implemented the required methods. But why the Table View isn’t shown up as expected?

There is still one thing left.

Connecting the DataSource and Delegate

Like the “Hello World” button in the first tutorial, we have to establish the connection between the Table View and the two methods we just created.

Go back to the “SimpleTableViewController.xib”. Press and hold the Control key on your keyboard, select the Table View and drag to the “File’s Owner”. Your screen should look like this:

Connecting Table View with its Datasource and Delegate

Release both buttons and a pop-up shows both “dataSource” & “delegate”. Select “dataSource” to make a connection between the Table View and its data source. Repeat the above steps and make a connection with the delegate.

Connect dataSource and delegate

That’s it. To ensure the connections are linked properly, you can select the Table View again. In the upper part of the Utility area, you can reveal the existing connections in the “Connection Inspector” (i.e. the rightmost tab).

Show the Connections Inspector

Test Your App

Finally, it’s ready to test your app. Simply hit the “Run” button and let the Simulator load your app:

Add Thumbnail to Your Table View

The table view is too plain, right? What about adding an image to each row? The iOS SDK makes it extremely easy to do this. You just need to add a line of code for inserting a thumbnail for each row.

First, download this sample image. Alternatively, you can use your own image but make sure you name it “creme_brulee.jpg”. In Project Navigator, right-click the “SimplyTable” folder and select “Add Files to SimpleTable…”.

Add Image to Your Project

Select the image file and check “Copy items to destination group’s folder” checkbox. Click “OK” to add the file.

Pick your image file and add to the project

Now edit the “SimpleTableViewController.m” and add the following line of code in “tableView:cellForRowAtIndexPath” method:

    cell.imageView.image = [UIImage imageNamed:@"creme_brelee.jpg"];

1	cell.imageView.image = [UIImage imageNamed:@"creme_brelee.jpg"];

Your code should look like this after editing:

Pick your image file and add to the project

The line of code loads the image and saves in the image area of the table cell. Now, hit the “Run” button again and your SimpleTable app should display the image in each row:

What’s Coming Next?

It’s simple to create a table view, right? The Table View is one of the most commonly used elements in iOS programming. If you’ve followed the tutorial and build the app, you should have a basic idea about how to create the table view. I try to keep everything simple in this tutorial. In reality, the table data will not be specified directly in the code. Usually, it’s loaded from file, database or somewhere else.

In the next tutorial, we’ll take a look at how you can further customize the table cell. As always, leave me comment and share your thought about the tutorial.

Update #1: The next tutorial is ready. Check it out!

Update #2: You can now download the full source code from here.<

Author @simonng

Simon Ng

Founder of AppCoda. Author of multiple iOS programming books including Beginning iOS Programming with Swift and Mastering SwiftUI. iOS App Developer and Blogger. Follow me at Facebook, Twitter and Google+.

THD
Author Reply

April 23, 2012

Hi Simon,

I just finished the SimpleTable tutorial. This is great.

Now, looking forwards to the next tutorial.

Thank you very much.
Lien
Author Reply

April 23, 2012

Hi,

Just created the SimpleTable. Thank you for sharing this tutorial. I like the style of your tutorials.

Looking forward to the next one!

Lien
G
Author Reply

April 24, 2012

Keep ’em coming!
William
Author Reply

April 25, 2012

Great tutorial, Simon. Keep it up!
Tom
Author Reply

April 25, 2012

Thanks for the tutorial…practical and educational! I look forward to more!
SimonZA
Author Reply

April 28, 2012

Thanks again for one of your great tutorials!

While Im having great fun coding along with you, one thing I hope to get from this is full understanding what Im doing, and not just ‘copying’ verbatim.

An area Im talking about is the big chunk of code we had to add at the “cellForRowAtIndexPath” area.
I have a vague idea what we are accomplishing here, but it would be extremely helpful if you could just take a brief moment to walk us line for line what it is we were doing. Telling us step by step what each piece of code is needed and used for, and its function in the implementation.

I know that possibly most of this should seem ‘familiar’ to casually experienced programmers, but for the complete noob like myself who is hoping to learn code and how I could do it myself, it would help a lot.:)

Again, I appreciate your tutorials! Just that a *little* more explanation with your coding would go a massively long way with understanding what it is we are doing, and how it all works together at the end of the day when performing the magic.:)

Thanks!!
Simon
- Simon Ng
  Author Reply
  
  April 28, 2012
  
  Thanks for your nice comment! For the first two tutorials, I’d like to keep thing simple and just explain some of basic concept (e.g. Array) as side note. Later, I’ll give more explanation about code. There are a lot of things to learn about Objective C. The “cellForRowAtIndexPath” is a little complex for beginner. So I’ll write another post to illustrate how it actually works.
  
  Again, thanks for your great feedback! This really helps me to make this site and the tutorials better.
Sue Wright
Author Reply

May 2, 2012

Using xcode 4.3.2

Followed to the letter but getting an error – please help> Error reads. Use of undeclared identifier “tableView”, did you mean UITableView?. It occurs in the following code from the .m file

// Initialize table data

tableData = [NSArray arrayWithObjects:@”Boat”, @”Insurance”, @”Engine”, @”Radio”, @”Other Equipment”, @”Notes”,nil];

– (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return [tableData count];
}

– (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *simpleTableIdentifier = @”SimpleTableItem”;

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:simpleTableIdentifier];

if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleTableIdentifier];
}

cell.textLabel.text = [tableData objectAtIndex:indexPath.row];
return cell;
}
}
- Simon Ng
  Author Reply
  
  May 2, 2012
  
  @Sue, could you show me your “SimpleTableViewController.h” file?
  - Sue Wright
    Author Reply
    
    May 4, 2012
    
    Hi Simon – I have managed to cure the above problem – only to meet another. the viewcontroller.m file is looking for an @end but I am so confused I am not sure where it should go
    so here is the entire file – errors are in CAPITALS
    
    #import “ViewController.h”
    #import “simpletablecell.h”
    
    @interface ViewController ()
    
    @end
    
    @implementation ViewController – @END IS MISSING IN IMPLEMENTATION COMPLEX
    
    {
    NSArray *tableData;
    NSArray *thumbnails;
    }
    
    @synthesize BoatNameLabel1;
    @synthesize BoatModelLabel1;
    @synthesize HullSerialLabel1;
    @synthesize LOALabel1;
    @synthesize DraftLabel1;
    @synthesize BeamLabel1;
    
    @synthesize InsurerLabel;
    @synthesize PolicyNumberLabel;
    @synthesize ExpireDateLabel;
    
    @synthesize MainEngineLabel;
    @synthesize MainSerialLabel;
    @synthesize MainServiceLabel;
    @synthesize AuxEngineLabel;
    @synthesize AuxSerialLabel;
    @synthesize AuxServiceLabel;
    
    @synthesize FixedModelLabel;
    @synthesize FixedSerialLabel;
    @synthesize MMSILabel;
    @synthesize PortableModelLabel;
    @synthesize PortableSerialLabel;
    
    @synthesize GPSSerialLabel;
    @synthesize FishSerialLabel;
    @synthesize TenderSerial;
    @synthesize TrailerMakeLabel;
    @synthesize TrailerSerialLabel;
    
    @synthesize TextScroll;
    
    – (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
    {
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
    // Custom initialization
    }
    return self;
    }
    
    //custom buttons
    – (void)viewDidLoad
    {
    [TextScroll setScrollEnabled:YES];
    [TextScroll setShowsVerticalScrollIndicator:YES];
    [TextScroll setFrame:CGRectMake(0, 55, 320, 320)];
    [TextScroll setContentSize:CGSizeMake(320, 600)];
    
    [super viewDidLoad];
    
    // Initialize table data
    
    tableData = [NSArray arrayWithObjects:@”Boat”, @”Insurance”, @”Engine”, @”Radio”, @”Other Equipment”, @”Other Notes”, nil];
    
    thumbnails = [NSArray arrayWithObjects:@”jeannea-prestige36-drawing.jpg”, @”files.png”, @”Honda_BF90.png”, @”vhf-radio.png”, @”gps.png”,@”files.png”, nil];
    
    }
    
    – (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    {
    return [tableData count];
    }
    
    – (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {
    {
    static NSString *simpleTableIdentifier = @”SimpleTableCell”;
    
    SimpleTableCell *cell = (SimpleTableCell *)[tableView dequeueReusableCellWithIdentifier:simpleTableIdentifier];
    if (cell == nil)
    {
    NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@”SimpleTableCell” owner:self options:nil];
    cell = [nib objectAtIndex:0];
    }
    
    cell.nameLabel.text = [tableData objectAtIndex:indexPath.row];
    cell.thumbnailImageView.image = [UIImage imageNamed:[thumbnails objectAtIndex:indexPath.row]];
    
    return cell;
    }
    
    // Do any additional setup after loading the view.
    
    – (void)viewDidUnload – SHOWING UNDECLARED IDENTIFIER VIEW DID UNLOAD
    
    {
    
    [self setInsurerLabel:nil];
    [self setPolicyNumberLabel:nil];
    [self setExpireDateLabel:nil];
    
    [self setTextScroll:nil];
    
    [self setMainEngineLabel:nil];
    [self setMainSerialLabel:nil];
    [self setMainServiceLabel:nil];
    [self setAuxEngineLabel:nil];
    [self setAuxSerialLabel:nil];
    [self setAuxServiceLabel:nil];
    
    [self setFixedModelLabel:nil];
    [self setFixedSerialLabel:nil];
    [self setMMSILabel:nil];
    [self setPortableModelLabel:nil];
    [self setPortableSerialLabel:nil];
    
    [self setBoatNameLabel1:nil];
    [self setBoatModelLabel1:nil];
    [self setHullSerialLabel1:nil];
    [self setLOALabel1:nil];
    [self setDraftLabel1:nil];
    [self setBeamLabel1:nil];
    
    [self setGPSSerialLabel:nil];
    [self setFishSerialLabel:nil];
    [self setTenderSerial:nil];
    [self setTrailerMakeLabel:nil];
    [self setTrailerSerialLabel:nil];
    
    [super viewDidUnload];
    // Release any retained subviews of the main view.
    }
    
    – (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
    {
    return (interfaceOrientation == UIInterfaceOrientationPortrait);
    }
    
    – (IBAction)HideKeyBoard:(id)sender {
    [self.TextScroll resignFirstResponder];
    }
    
    – (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
    {
    return 78;
    }
    
    @end
    }
    
    This is the viewconroller.h file
    
    #import
    
    @interface ViewController : UIViewController
    
    @property (strong, nonatomic) IBOutlet UILabel *BoatNameLabel1;
    @property (strong, nonatomic) IBOutlet UILabel *BoatModelLabel1;
    @property (strong, nonatomic) IBOutlet UILabel *HullSerialLabel1;
    @property (strong, nonatomic) IBOutlet UILabel *LOALabel1;
    @property (strong, nonatomic) IBOutlet UILabel *DraftLabel1;
    @property (strong, nonatomic) IBOutlet UILabel *BeamLabel1;
    
    @property (strong, nonatomic) IBOutlet UILabel *InsurerLabel;
    @property (strong, nonatomic) IBOutlet UILabel *PolicyNumberLabel;
    @property (strong, nonatomic) IBOutlet UILabel *ExpireDateLabel;
    
    @property (strong, nonatomic) IBOutlet UILabel *MainEngineLabel;
    @property (strong, nonatomic) IBOutlet UILabel *MainSerialLabel;
    @property (strong, nonatomic) IBOutlet UILabel *MainServiceLabel;
    @property (strong, nonatomic) IBOutlet UILabel *AuxEngineLabel;
    @property (strong, nonatomic) IBOutlet UILabel *AuxSerialLabel;
    @property (strong, nonatomic) IBOutlet UILabel *AuxServiceLabel;
    
    @property (strong, nonatomic) IBOutlet UILabel *FixedModelLabel;
    @property (strong, nonatomic) IBOutlet UILabel *FixedSerialLabel;
    @property (strong, nonatomic) IBOutlet UILabel *MMSILabel;
    @property (strong, nonatomic) IBOutlet UILabel *PortableModelLabel;
    @property (strong, nonatomic) IBOutlet UILabel *PortableSerialLabel;
    
    @property (strong, nonatomic) IBOutlet UILabel *GPSSerialLabel;
    @property (strong, nonatomic) IBOutlet UILabel *FishSerialLabel;
    @property (strong, nonatomic) IBOutlet UILabel *TenderSerial;
    @property (strong, nonatomic) IBOutlet UILabel *TrailerMakeLabel;
    @property (strong, nonatomic) IBOutlet UILabel *TrailerSerialLabel;
    
    @property (strong, nonatomic) IBOutlet UITextView *TextScroll;
    
    – (IBAction)HideKeyBoard:(id)sender;
    
    @end
    
    Thank you – your tutorials are the best around.
    - Simon Ng
      Author Reply
      
      May 4, 2012
      
      Cool! It’s great you managed to resolve the error and thanks for sharing your code.
      - Sue Wright
        Author
        
        May 5, 2012
        
        Simon – the above code is the new error I am getting!!! I have highlighted the 2 arers of prolem in CAPITALS I just cannot fathom this one out…
      - Simon Ng
        Author
        
        May 6, 2012
        
        @Sue, sorry that I overlooked your comment. By referring to the above code, it looks like that there is a closing bracket after the “@end” statement in the .m file. Please remove it. Make sure that there should be no bracket after the “@end” statement.
        
        @end
        } <------ remove it Also, try to review this method. Look like there is an extra curly bracket: - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { <---- may need to remove this one. Please review. {
      - Sue Wright
        Author
        
        May 8, 2012
        
        Thank you thank you
- Dj
  Author Reply
  
  May 31, 2012
  
  I got the same error as your first error undeclared identifier tableView how did u fix it? Your help would be much appreciated
  
  Thanks,
  DJ
Jon Hye-Knudsen
Author Reply

May 2, 2012

Hi

Great tutorials. Thank you

I am getting an error message when I try to compile this. It complains that “inconsistent instance variable specification” on the NSArray *tableData line and complains about the tableData being non-declared in subsequent uses in the code.
I just can’t seem to figure out what I am doing wrong.
- Simon Ng
  Author Reply
  
  May 2, 2012
  
  What version of Xcode are you using?
  - Jon Hye-Knudsen
    Author Reply
    
    May 3, 2012
    
    Oops. I just discovered it was Xcode 4.1 I was using. Didn’t think about it, as I guess I was expecting to see some sort of update notification if I wasn’t using the most recent version. Will update now and continue on. Looking forward to it!
    - Simon Ng
      Author Reply
      
      May 5, 2012
      
      The default compiler in Xcode 4.1 doesn’t recognize the instance variables defined in the .m file. This is why you got the error. You can resolve the error by upgrade to Xcode 4.3.
b2moore
Author Reply

May 6, 2012

Thank you for this tutorial, it has helped me a lot. 🙂
- Simon Ng
  Author Reply
  
  May 6, 2012
  
  Great to hear that!
Carlos Corona
Author Reply

May 19, 2012

Hello!

Great tutorial!! I’m following it and I think I’m understanding almost all… but now I’m getting a problem: When I drag over all my list, for some reason I’m getting an error message on line at runtime:

cel.textLabel.text = [tableData objectAtIndex:indexPath.row];

This happends only when I’m trying to drag the list over the last element… Is there a way to validate this? Thanks
- Carlos Corona
  Author Reply
  
  May 21, 2012
  
  After a little of search, I’ve found that It was a dynamic release problem, because for some reason the Array was been autoreleased too early, so modiffing the line:
  
  tableData = [NSArray arrayWithObjects:@”Egg Benedict”, @”Mushroom Risotto”, @”Full Breakfast”, @”Hamburger”, @”Ham and Egg Sandwich”, @”Creme Brelee”, @”White Chocolate Donut”, @”Starbucks Coffee”, @”Vegetable Curry”, @”Instant Noodle with Egg”, @”Noodle with BBQ Pork”, @”Japanese Noodle with Pork”, @”Green Tea”, @”Thai Shrimp Cake”, @”Angry Birds Cake”, @”Ham and Cheese Panini”, nil];
  
  for
  
  tableData = [[NSArray arrayWithObjects:@”Egg Benedict”, @”Mushroom Risotto”, @”Full Breakfast”, @”Hamburger”, @”Ham and Egg Sandwich”, @”Creme Brelee”, @”White Chocolate Donut”, @”Starbucks Coffee”, @”Vegetable Curry”, @”Instant Noodle with Egg”, @”Noodle with BBQ Pork”, @”Japanese Noodle with Pork”, @”Green Tea”, @”Thai Shrimp Cake”, @”Angry Birds Cake”, @”Ham and Cheese Panini”, nil] retain];
  
  solves the issue, on that case, I’ve added the release code both in methods viewDidUnload and reciveMemoryWarning …
  
  Hope this helps to anyone with same problem.
  - jaya raj
    Author Reply
    
    July 5, 2012
    
    Thanks i too faced same prob. Now i got it. Thanks a lot.
Alan
Author Reply

May 30, 2012

Hello,

I’m trying to implement this tutorial, and getting a Build error.

What am I doing wrong? (Thanks for your excellent tutorials).

My …Controller.m file:
=======================================================
//
// SimpleTableViewController.m
// SimpleTable
//
// Created by Alan Saliwanchik on 5/28/12.
// Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//

#import “SimpleTableViewController.h”

@interface SimpleTableViewController ()

@end

@implementation SimpleTableViewController

{
NSArray *tableData;
}

– (void)viewDidLoad
{
[super viewDidLoad];
// Initialize table data
tableData = [NSArray arrayWithObjects:@”Eggs Benedict”, @”Mushroom Risotto”, @”Full Breakfast”, @”Hamburger”, @”Ham and Egg Sandwich”, nil];

– (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

——> Error Use of undeclared identifier ‘tableView’; did you mean ‘UITableView’? <———

{
return [tableData count];
}
– (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSSTring *simpleTableIdentifier = @"SimpleTableItem";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:simpleTableIndentifier];

if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleTableIdentifier];

}

cell.textLable.text = [tableData objectAtIndex:indexPath.row];
return cell;

}
// Do any additional setup after loading the view, typically from a nib.
}

– (void)viewDidUnload
{
[super viewDidUnload];
// Release any retained subviews of the main view.
}

– (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
}

@end
=======================================================
- Simon Ng
  Author Reply
  
  May 30, 2012
  
  Could you please tell me the build error?
  - Alan
    Author Reply
    
    May 31, 2012
    
    Pointing to the line
    
    – (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    
    The error message is
    
    Use of undeclared variable ‘tableView’; did you mean ‘UITableView’?
    - Alan
      Author Reply
      
      June 6, 2012
      
      Do you have any idea why I’m getting this build error? Thanks in advance. Alan
      - Simon Ng
        Author
        
        June 6, 2012
        
        You missed a closing bracket for the viewDidLoad method. In Objective C, make sure all methods are enclosed by a pair of brackets.
davidchen
Author Reply

June 1, 2012

Thanks again for the tutorial .That Are Better Than YouTube !!!
chaitanya
Author Reply

June 1, 2012

hello simon,
the tutorial is awesome for beginners like me. Can you post a tutorial on how to create similar table view without using interface buider?

hoping to see it soon..
vikas
Author Reply

June 2, 2012

Nice tutorials ,How to initialize a navigation controller using programming in Xcode 4.3.2 and where to put navigation controller ,becoz its not provide Mainwindows.xib as i previous Xcode’s
Sangam
Author Reply

June 5, 2012

wow this tutorial really helped
thanks guyz!!!

Regard
Sangam Shrestha
Stevie
Author Reply

June 14, 2012

Hi Simon,

This is a great tutorial but i am just having trouble with one problem. I’m using xcode 4.3 and i’m getting this error message at the @implementation saying ‘@end’ is missing in plementation context.
How can I fix it?

Cheer Stevie
#import “SampleTableViewController.h”

@interface SampleTableViewController ()

@end

@implementation SampleTableViewController ERROR: ‘@end’ is missing in plementation context

{
NSArray *tableData;
}

– (void)viewDidLoad
{
[super viewDidLoad];
// Initialize table data
tableData = [NSArray arrayWithObjects:@”Egg Benedict”, @”Mushroom Risotto”, @”Full Breaksfeat”, @”Hamburger”, @”Ham and Egg Sandwich”, @”Creme Brelee”, @”White Chocolate Donut”, @” Starbucks Coffee”, @”Vegetable Curry”, @”Instant Noodle with Egg”, @”Noodle with BBQ Pork”, @”Japanese Noodle with Pork”, @”Green Tea”, @”Thai Shrimp Cake”, @”Angry Birds Cake”, @”Ham and Cheese Panini”, nil];
}

– (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return [tableData count];
}

– (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *simpleTableIdentifier =@”SimpleTableItem”;

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:simpleTableIdentifier];

if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleTableIdentifier];
}

cell.textLabel.text = {[tableData objectAtIndex:indexPath.row];
return cell;
}

– (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
}

@end
Alan
Author Reply

June 19, 2012

My SImple Table with images is working great – thanks!

When the simulator runs, the table doesn’t scroll vertically in the simulator to show items in my array that don’t initially appear on the screen. Should it scroll?
Raushan
Author Reply

June 26, 2012

Hi Simon!

I just finished the SimpleTable tutorial. This was amazing! I am new to iOS development and yet, found it quite easy to follow and understood most of the codes.

Thank you so much.

I’m so excited to start the next tutorial.
manish
Author Reply

July 15, 2012

great way of explanation …. 🙂
Marvin
Author Reply

August 6, 2012

This tutorial is great for an iOS starter.
Hugo
Author Reply

August 8, 2012

Hey !

Great tutorial !
You explained very well what the delegates are used for, helped me a lot to understand !

Thank you !
I’m gonna read your next tutorial on tableView customisation, as I hope to achieve something beautiful !

Keep it up !
Dustin
Author Reply

August 27, 2012

Hi Simon, I followed everything on the tutorial but when I run on the simulator I got an error “Thread1: signal SIGABRT”. Could you please help me fix it? Thanks!
- Chris
  Author Reply
  
  February 7, 2013
  
  Start an app from scratch with a different name, worked for me
- Madheswaran M
  Author Reply
  
  April 29, 2013
  
  Execute this answer http://stackoverflow.com/a/6395750/812155
- Buneme
  Author Reply
  
  August 13, 2013
  
  Add this after the declaration of the array…worked for me 😀
  
  tableData.retain;
- Nils
  Author Reply
  
  September 9, 2013
  
  Click the “File’s Owner” then see the “Outlets” at upper right. Check whether if “view” item has the connection to “View” (NOTE: not “Table View”), if not, drag a line from the circle to the “View” in the “Object” table at the left.
ivan
Author Reply

August 27, 2012

thanks for this help!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Kevin
Author Reply

August 29, 2012

The first time you called to run the simulator I got a table view, but after I followed the instructions and wrote the code, the simulator didn’t show a table view. I even commented out the code to the point where I just added the tableview and the simulator still doesn’t show a tableview. help?
- Kevin
  Author Reply
  
  August 29, 2012
  
  Never mind, somehow I inserted a breakpoint….. smh
Carlik
Author Reply

September 3, 2012

You make simple things that , for me ,are very difficult!!!
adsfads
Author Reply

September 6, 2012

great job, many thanks!
Mathias Lynnerup
Author Reply

September 25, 2012

Great tutorial!! Thanks!

But.. i have a prolbem. After doing all the code, i’m trying to connect File’s Owner to the Table View, but instead of DataSource and Delagate it show “-view”. What am i doing wrong??

Here i the .m file:

#import “SimpleTableViewController.h”
@interface SimpleTableViewController ()
@end
@implementation SimpleTableViewController{ NSArray *tableData;}
– (void)viewDidLoad{ [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. tableData = [NSArray arrayWithObjects:@”Egg Benedict”, @”Mushroom Risotto”, @”Full Breakfast”, @”Hamburger”, @”Ham and Egg Sandwich”, @”Creme Brelee”, @”White Chocolate Donut”, @”Starbucks Coffee”, @”Vegetable Curry”, @”Instant Noodle with Egg”, @”Noodle with BBQ Pork”, @”Japanese Noodle with Pork”, @”Green Tea”, @”Thai Shrimp Cake”, @”Angry Birds Cake”, @”Ham and Cheese Panini”, nil];}
– (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{ return [tableData count];}
– (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ static NSString *simpleTableIdentifier = @”SimpleTableItem”; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:simpleTableIdentifier]; if (cell == nil) { cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleTableIdentifier]; } cell.textLabel.text = [tableData objectAtIndex:indexPath.row]; return cell;}
– (void)didReceiveMemoryWarning{ [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated.}
@end
- sheikh
  Author Reply
  
  August 10, 2015
  
  what is this?
  #import
  remove double quotes.
NIshan
Author Reply

October 4, 2012

Awesome
Dan
Author Reply

November 7, 2012

Thank you so much!! I very greatful
patel chirag
Author Reply

November 8, 2012

This is really thanks full you.. i m really appreciate for getting this kind of tutorial. it s a really super-duper performance tutorial. Thanks a lot
Dana
Author Reply

November 9, 2012

gee thanks! 😀
Qian Yu
Author Reply

November 12, 2012

It’s a very good tutorial. Thanks.
Arwin
Author Reply

November 28, 2012

i worked with your code…its really easy to execute….thanks for ur guidance….
joped
Author Reply

December 2, 2012

Awesome tutorial! Thanks very much!
Samuel Quiring
Author Reply

December 20, 2012

I’m using a newer Xcode (4.5.2). I was ok until “Connecting data source and delegate” After that step when I run the app I get:

-[UIView tableView:numberOfRowsInSection:]: unrecognized selector sent to instance 0x1f555290

My routine is:

@implementation SysCallTestViewController

…

– (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return [tableData count];
}
…
@end
Samuel Quiring
Author Reply

December 20, 2012

Found my problem, but now have another. I missed the part where you said: unchecked use storeyboards. When I read your other tutorial that did use storeyboards, I saw how you connected the data source and delegate. So my app no longer faults, but the table view has no text. I put a log statement into tableView:cellForRowAtIndexPath. It displays cell.textLabel.text right before the cell is returned. Everything looks good, the routine got called the correct number of times and returned the correct text. But nothing displays.
Steve
Author Reply

December 29, 2012

I have been following this tutorial until this point for now. I have a pretty good background of Objective-C and oter programming languages.

I would recommend that you explain what exactly a class is in your tutorial so your readers are not left clueless of what some of these things are.

I think it is worth mentioning that NSArray is also a class. And the actions performed by the class, whether the class is one that is predefined like NSString and NSArray, or custom made by the programmer are called methods.

Again, I just don’t feel that it is complete when the reader may be doing so,etching that he or she does not know what it is he or she is declaring, for instance.
preetam
Author Reply

December 31, 2012

thanks a lot..

Your tutorial teaches a lot of basic thing though working since few days…
Michael
Author Reply

January 1, 2013

Great tutorials. Is there pdf versions available that is a cleaner look for printing? Thanks
- Simon Ng
  Author Reply
  
  January 1, 2013
  
  So far we do not have the pdf version. But we’re working on the eBook that bundles most of the tutorials.
Steve Taylor
Author Reply

January 20, 2013

Great tutorial. A lot of other tutorials make learning tables overly complicated.
wauter
Author Reply

February 13, 2013

Your sample image has a typo in the filename, brelee instead of brUlee.

This tutorial is all kinds of wonderful – I can feel my value in the job market increasing by the paragraph! 😀
- Scott Kolodziej
  Author Reply
  
  September 2, 2013
  
  Thanks for pointing this out – I was wondering why my images weren’t showing up!
AThorne
Author Reply

February 19, 2013

nice tutorial…Keep it up…
manu chadha
Author Reply

February 24, 2013

Thanks. My app kept crashing the moment I would scroll the table. I had to add line tableData.retain after table initialization in viewDidLoad. I am not sure if this will cause any memleaks (new to iOS programming)

– (void)viewDidLoad

{

[super viewDidLoad];

// Initialize table data

tableData = [NSArray arrayWithObjects:@”Egg Benedict”, @”Mushroom Risotto”, @”Full Breakfast”, @”Hamburger”, @”Ham and Egg Sandwich”, @”Creme Brelee”, @”White Chocolate Donut”, @”Starbucks Coffee”, @”Vegetable Curry”, @”Instant Noodle with Egg”, @”Noodle with BBQ Pork”, @”Japanese Noodle with Pork”, @”Green Tea”, @”Thai Shrimp Cake”, @”Angry Birds Cake”, @”Ham and Cheese Panini”, nil];

tableData.retain;

}
- Daniel
  Author Reply
  
  February 26, 2013
  
  Thanks, also had this problem. I´m running xCode 3.2.6.
nad8e
Author Reply

March 2, 2013

Enjoyed doing this project. However, I feel the tutorial dropped off with adding the same jpg to every line. I’ve tried and can not figure out, how do we make the image only show for a specific line and show another image on another line?

How do we even go about looking up the appropriate way to add separate images to a table line?
Tiru
Author Reply

March 3, 2013

Simple and complete. Thank you.
I tried to use StoryBoard. Removed existing view and added Table view. But system is not identifying that UI.

Am i missing any step.

Thank you in Advance.
Vishal Raval
Author Reply

March 13, 2013

Nice Job Sirji………..it is very usefull for me…….
Thank you………
John
Author Reply

March 20, 2013

I am having bit of trouble trying to make the images to show up on every row. I am using Xcode 4.6.1 version. Does anyone have an idea how I can fix it?
Pattyla Patty
Author Reply

March 30, 2013

A great tutorial, tks!

To share debug experience: File’s owner & View, Table View & dataSource delegate , the connections should be carefully in .xib
Matt
Author Reply

April 1, 2013

I’m a bit confused as to why you spend ages explaining what an array is (something quite simple) and then just breeze over “Next, we implement the other required methods.” with absolutely no explanation!
- Simon Ng
  Author Reply
  
  April 2, 2013
  
  The tutorial is written for beginner without programming background. That’s why we elaborate what an array is. For “other required methods”, you can find the explanation in “UITableViewDelegate and UITableViewDataSource” section.
Erin Parker
Author Reply

April 3, 2013

Thanks so much. This was simple, easy to follow, and well explained.
Mikhael
Author Reply

April 16, 2013

hi, can u explain about “Go back to the “SimpleTableViewController.xib”. Press and hold the Control key on your keyboard, select the Table View and drag to the “File’s Owner”. ” I’m new to Xcode and im using Xcode 4.6.1, there’s no File owner as u mention above. im so lost even im googling searching for where i can find the file owner.
Mikhael
Author Reply

April 16, 2013

please somebody, where is “File’s Owner” in xcode 4.6.1?
kitti
Author Reply

April 16, 2013

I got message below, when i try to slide iPhone:

2013-04-16 22:10:21.256 SimpleTable[1167:f803] -[__NSCFString objectAtIndex:]: unrecognized selector sent to instance 0x6e27390

2013-04-16 22:10:21.263 SimpleTable[1167:f803] *** Terminating app due to uncaught exception ‘NSInvalidArgumentException’, reason: ‘-[__NSCFString objectAtIndex:]: unrecognized selector sent to instance 0x6e27390’

*** First throw call stack:

(0x13ca022 0x155bcd6 0x13cbcbd 0x1330ed0 0x1330cb2 0x2ac4 0xaec54 0xaf3ce 0x9acbd 0xa96f1 0x52d42 0x13cbe42 0x1d82679 0x1d8c579 0x1d114f7 0x1d133f6 0x1dae1ce 0x1dae003 0x139e936 0x139e3d7 0x1301790 0x1300d84 0x1300c9b 0x12b37d8 0x12b388a 0x14626 0x1ff2 0x1f65)

terminate called throwing an exception(lldb)

Please help me.
Nayyar Awan
Author Reply

April 17, 2013

super tutorial and i have resolve my scrolling problem with this peace of code

– (void)viewDidLoad

{

[super viewDidLoad];

tableData = [NSArray arrayWithObjects:@”one”, @”two”, @”three”, @”four”, nil];

tableData.retain;

}
Matty Hunt
Author Reply

April 22, 2013

OK, the tutorial is great and I’m following it well but the homework………. can someone be kind enough to give me the code for this? Thanks.
venki dasari
Author Reply

April 27, 2013

Nicely done
shailesh
Author Reply

April 30, 2013

Superb tutorial 🙂 Thank you very much 🙂
khanhtungna
Author Reply

May 2, 2013

Very simple. Thank so much.
Durai amuthan
Author Reply

May 13, 2013

Nice…
Hafiz Badrie Lubis
Author Reply

May 15, 2013

This tutorial really helped me. Thanks!
Sam
Author Reply

May 23, 2013

Great tutorial… question though: how do you reload the table if the array changes?
Roya
Author Reply

May 27, 2013

Thank you! This site is amazing.
Matthew H.
Author Reply

May 28, 2013

Thank you very much for the very illustrative tutorial! I’ve also recently came across an amazing library called Sensible TableView. Would you recommend that?
- Simon Ng
  Author Reply
  
  May 28, 2013
  
  I really like Sensible Tableview. But if you’re a starter, it’s better to understand how UITableView works.
María Isabel Marín Morales
Author Reply

May 31, 2013

I’m really grateful to find a tutorial so useful and easy to follow as this.

Thank you so much
James
Author Reply

June 11, 2013

The tutorial would be even nicer if it could explain the details of the methods on what each line and each component means. I feel like copy and pasting the code and making it happen feels good but also doesn’t when I don’t understand the details. Thanks!
Dương Trần Anh Thoại
Author Reply

June 18, 2013

How to scroll UITableView in this example? Thanks all
mahuf
Author Reply

July 8, 2013

Thanks a lot for the awesome tutorial. Would you also recommend using Sensible TableView for creating this? Seems to save a lot of time. Thanks!
Hunter
Author Reply

July 9, 2013

Thank you but, after I did all of the code the view still was blank and no text popped up.
- Simon Ng
  Author Reply
  
  July 20, 2013
  
  I just uploaded the project source code. You can download the Xcode project and check out what’s wrong with your code.
Lukas
Author Reply

July 10, 2013

I think these Tutorials are very helpful and well done. but the only thing that you can improve is, that you put more pictures in it. That means that everybody can see where you paste the code-lines. For me it would be easier to find the right place to paste it.
Although, great tutorials!
L
Saddam Akhtar
Author Reply

July 10, 2013

Explained in very easy language.
Thanks….
OneIndia
Author Reply

July 12, 2013

I’m late seems, using XCode 4.6.3. Followed all instructions. There is one additional step I believe with new xcode, i.e. set file owner to tableview view outlet.
I’m getting this class is not key value coding-compliant for the key view.’ Any idea what is wrong here?
Nora al-mansour
Author Reply

July 17, 2013

Thank U 🙂
Tom
Author Reply

July 24, 2013

Brilliant intro, even though I haven’t learned anything new, it was really great reading! I will definitely check out more of your tutorials here on AppCoda! Thanks for your hard work!
Tom
- Simon Ng
  Author Reply
  
  July 24, 2013
  
  Thanks. You can check out more tutorials here: http://104.131.120.244/ios-programming-course/
sinhgad
Author Reply

July 24, 2013

Thanks.. Bro….!
this tutorial works
Jono
Author Reply

July 30, 2013

I keep getting ‘Use of undeclared identifier tableData after insterting following code;

– (void)viewDidLoad

{

[super viewDidLoad];

// Initialize table data

tableData = [NSArray arrayWithObjects:@”Egg Benedict”, @”Mushroom Risotto”, @”Full Breakfast”, @”Hamburger”, @”Ham and Egg Sandwich”, @”Creme Brelee”, @”White Chocolate Donut”, @”Starbucks Coffee”, @”Vegetable Curry”, @”Instant Noodle with Egg”, @”Noodle with BBQ Pork”, @”Japanese Noodle with Pork”, @”Green Tea”, @”Thai Shrimp Cake”, @”Angry Birds Cake”, @”Ham and Cheese Panini”, nil];

tableData.retain;

}

what am I doing wrong?
Untitled Entitled
Author Reply

August 4, 2013

Thank you!
DaoXuanThai
Author Reply

August 4, 2013

thanks
Abhinav
Author Reply

August 9, 2013

Thanks a lot 🙂 helped me a ton!
Mike Dice
Author Reply

August 26, 2013

Hey this is cool
Michael
Author Reply

August 27, 2013

Well, I’m pretty late to the party… I’m trying this tutorial on iOS 7 (b6) and Xcode 5 beta.

I get a blank list. I tried copying your source code from your SimpleTableViewController.h and .m and still got a blank list.

Now, your source code included the next step of the tutorial, so perhaps I’m missing other stuff that didn’t let mine work completely… but I got a blank list before and after your source code. I’d like to solve that.

When I compile your source code it works fine, but it’s a few pages ahead of this point in the tutorial, with the swipe function in place.
Tyson Stone
Author Reply

August 28, 2013

Xcode is spitting out an “expected identifier” error right after I close the initialisation of the array (the whole block is highlighted). Any ideas?
Sam
Author Reply

August 31, 2013

Any tips on how to reload the table from the delegate? I’m loading my table with a list of files in the documents folder, and need to reload when a file is deleted or added.

Thanks
Nils
Author Reply

September 9, 2013

The tutorial works great!
Really simple and easy to understand!

Thanks!
/Nils
MRCODEMASTER
Author Reply

September 10, 2013

I was having some trouble similar to others and I managed to find the solution. (SIGABRT error)

It is actually within the first few lines of code you type.

Make sure this is correct:

@implementation SimpleTableViewController

{

NSArray *tableData;

}

You have to create the brackets and then the array within. Hope this helps!
Simon
Author Reply

September 11, 2013

Hi Can someone please explain exactly where the datasource methods should be added exactly? It’s not very clear in the tutorial. Thanks!!
“tableView:numberOfRowsInSection” and “tableView:cellForRowAtIndexPath”.
Hanne
Author Reply

September 11, 2013

Another great tutorial. Thank you 🙂
Don Tharaka
Author Reply

September 13, 2013

Great tutorial..just started doing iOS..will go on following your tutorials..Thanks a lot!
- Simon Ng
  Author Reply
  
  September 14, 2013
  
  Great to hear that. Keep learning and look forward to your new app!
Erzekiel
Author Reply

September 17, 2013

I’m french, and I have to realize an iOS app for my society. Your work is very helpful, even for me, a french guy. So “Merci beaucoup” !
reena
Author Reply

October 19, 2013

When i worked this example working fine when i do scrolling the app it crashes and shows error in console log”Terminating app due to uncaught exception ‘NSInvalidArgumentException’, reason: ‘-[NSIndexPath setTableViewStyle:]: unrecognized selector sent to instance “
Simon
Author Reply

November 7, 2013

Hi, this is a great tutorial, thanks but I have one query, I followed this using XCode5, I’m at the ‘Connecting the DataSource and Delegate’ stage but there is no .xib file. Looking back at the ‘hello world’ tutorial, I think maybe I should have created an ’empty application’ instead of a ‘single view application’? How can I connect these up? Thanks!
- Hala
  Author Reply
  
  November 10, 2013
  
  in xcode5 it promotes the use of storyboard not Interface Builder, which means you have to build the xib file yourself. You can do that by right clicking SampleTable folder->new file->objective-c class and click next
  - Simon
    Author Reply
    
    November 10, 2013
    
    Thanks Hala, but if I do this, it will overwrite the ‘SimpleTableViewController.m’ file which wouldn’t work. Is there not a ‘Files Owner’ placeholder available without creating the xib file? Thanks in advance!
srihari
Author Reply

November 10, 2013

thank u very much
Felipe Volpatto
Author Reply

November 13, 2013

Hello!
How do you do anything like contacts details in Contact.app in IOS6?
I say, like the image, name and other informations disposition.

Thanks
xgwang
Author Reply

November 26, 2013

greet job
Mulie
Author Reply

December 1, 2013

What I was looking for was not someone who knows how to develop good iOS Apps, but rather someone who knows how to teach others in a very logical manner without overlooking details. Here the one I must thank very much!!
Isaac
Author Reply

December 1, 2013

Great tutorial! Helped me a ton. If I may, there is a typo on the “Add Thumbnail to Your Table View” section, second paragraph, I think you meant to write simpleTable instead of simplyTable.

Small detail, shouldn’t mean anything.

Thank you again.
Mittal Patel
Author Reply

December 3, 2013

Hi Simon, I followed everything on the tutorial but when I using prototype cell label in Uitableview than searcharray not display on prototype cell label….Could you please help me fix it? Thanks!
- Mittal Patel
  Author Reply
  
  December 3, 2013
  
  i solved it……
mahdi14
Author Reply

December 11, 2013

i have lots of problems with Xcode 5 🙁
i guess u should update all tutorials to Xcode 5 🙁
- AnthonyMarchenko
  Author Reply
  
  December 12, 2013
  
  I have fixed the issue for Xcode 5 by connect to “View Controller” instead of “Files Owner” (step: Connecting the DataSource and Delegate)
  
  See attachment, plz
  - Kudo Shinichi
    Author Reply
    
    August 14, 2015
    
    tks you so much, i have searched many website to find it. thanks again.
ElBandito
Author Reply

December 19, 2013

Hi
I have the following problem. When I create a new project with single table I don’t have a selection of options. As a result, it creates a film Main.storyboard but there’s no file ViewController.xib how can I overcome this?
- ElBandito
  Author Reply
  
  December 19, 2013
  
  heres the screen.
sunil
Author Reply

December 31, 2013

The tutorial is excellent but its little bit tough to understand the objective C code for the people not having programming knowledge in objective C like me.If possible please try to explain the code.
Kurt Murray
Author Reply

January 4, 2014

Please update this tutorial with Xcode 5!
- Simon Ng
  Author Reply
  
  January 7, 2014
  
  Just updated. Here is the new tutorial:
  
  http://104.131.120.244/uitableview-tutorial-storyboard-xcode5/
  - Kurt Murray
    Author Reply
    
    January 7, 2014
    
    Thank you @simonng:disqus!
hengchengfei
Author Reply

January 5, 2014

If Table Style set to “Grouped” ,contains 3 sections in Storyboard,and each section contains different rows . then how “numberOfRowsInSection” method to implement?
Raees Uzhunnan
Author Reply

January 6, 2014

I am using xcode 5 and I am unable to drag and drop the table view to the storyboard , I spent one hour already and any help is appreciated

Thanks
- chengfei heng
  Author Reply
  
  January 6, 2014
  
  view(table view,tab view etc) can only drag in to view controller.
- Simon Ng
  Author Reply
  
  January 7, 2014
  
  You can check out the new tutorial that is written for Xcode 5:
  
  http://104.131.120.244/uitableview-tutorial-storyboard-xcode5/
  - Raees Uzhunnan
    Author Reply
    
    January 7, 2014
    
    Appreciate it Simon
Akshay Gangurde
Author Reply

January 17, 2014

Thank you so much for such a simple demonstration of table view.Even I’m new to ios programming i learn much from this tutorial…..
pradeep
Author Reply

February 3, 2014

not working in xcode 5.0.1
Faryal Khan
Author Reply

February 11, 2014

Hello,

I am getting this error ”Thread1: signal SIGABRT”..how to solve this :S
- chelsea blues
  Author Reply
  
  July 26, 2016
  
  Just change the @”SimpletableItem” to @”Cell”
  static NSString *simpleTableIdentifier = @”Cell”;
CS
Author Reply

April 25, 2014

So I keep getting a “expected ‘;’ before ‘{‘ token” and I followed the instructions all the way up to Test Your App. Anyone got any ideas. I’m running xcode 4.2
陳煥煜
Author Reply

April 25, 2014

I create SimpleTable, but not have “SimpleTableViewController.xib”?
Why?
Anil
Author Reply

May 2, 2014

I followed same things as per your tutorial. I am not getting any error but just getting a white screen. Your source code works fine but when i am following that just got the white screen
shasvat
Author Reply

May 23, 2014

Every tutorial of yours is best for beginners…
Sagar
Author Reply

May 26, 2014

Its a nice article for beginner level – thanks
Divad Aguirre
Author Reply

July 18, 2014

Great tutorial, keep up the work.
sreenivasulu
Author Reply

July 31, 2014

superb
Paul
Author Reply

September 13, 2014

The tutorial fails to explain what the cell is being returned to and what is performing the loop displaying each cell by invoking the method using the indexRange.row parameter
Paul
Author Reply

September 13, 2014

Explaining what is going on behind the curtain might help why connections are Outlets and not actions
Josaya
Author Reply

October 7, 2014

Wow it works perfectly for me. Thanks
Guest
Author Reply

November 2, 2014

So everything works great following this tutorial. One thing is off however – even when I align the table in InterfaceBuilder correctly, the margin for everything is off when I run and view it in iOS Simulator. Any ideas as to why this is?
Winskie
Author Reply

December 10, 2014

big thanks 🙂
TStark
Author Reply

January 27, 2015

How do you get the cells to show another view controller? They don’t open up to anything…
Prasad Mandati
Author Reply

February 19, 2015

You mi8 not have modified Appdelegate.m file I reckon…
- Prasad Mandati
  Author Reply
  
  February 19, 2015
  
  @michael
Atinderpal singh
Author Reply

April 10, 2015

how tableviewcell set next line one line store name and another line store address in storyboard
Augustus Wilson
Author Reply

June 13, 2015

Great tutorial.
張竣皓
Author Reply

August 6, 2016

Thank you very much!!!!!!!
This is the best Table View teaching article I have seen.
Jeerijeqi
Author Reply

September 20, 2016

This tutorial is pretty good, I’m using XCode 7.3 and run it in iOS 9. and everything work good.

thanks for helping the beginner like me *thumbsup
gogeta
Author Reply

November 8, 2016

How to make data source as an external file?
dk
Author Reply

April 14, 2017

-(TableCell *) TableCell:(NSIndexPath *)indexPath
{
static NSString *CellIdentifier = @”TableCell”;
TableCell *TableCell = [_tblData dequeueReusableCellWithIdentifier:CellIdentifier];
if(TableCell == nil)
{
NSArray *objCell = [[NSBundle mainBundle] loadNibNamed:@”TableCell” owner:self options:nil];
TableCell = [objCell objectAtIndex:0];
}
// NSLog(@”%@”,ipcact);
// TableCell.actNumber.text = [@”mutabledictionary = %@”, n];
// TableCell.actNumber.text = [actnumberarray objectAtIndex:indexPath.row];
// TableCell.actDescription.text = [actdetailarray objectAtIndex:indexPath.row];
return TableCell;
}
dk
Author Reply

April 14, 2017

for auto resize cell
self.tblData.estimatedRowHeight = 130;
self.tblData.rowHeight = UITableViewAutomaticDimension;
[self.tblData setNeedsLayout];
[self.tblData layoutIfNeeded];
dk1
Author Reply

May 22, 2017

page control current page not changing when i scroll my image but when i click page control its works fine with changing image also scroll fine here is my code

scrollViewImage.delegate = self;
int x=0;
scrollViewImage.pagingEnabled=YES;
NSArray *image=[[NSArray alloc]initWithObjects:@”1.png”,@”2.png”,@”3.png”,@”4.png”, nil];

int totalImage = (int)image.count;
for (int i=0; i<image.count; i++)
{
UIImageView *img=[[UIImageView alloc]initWithFrame:CGRectMake(x, 0,[[UIScreen mainScreen] bounds].size.width, 140)];
img.image=[UIImage imageNamed:[image objectAtIndex:i]];
x=x+[[UIScreen mainScreen] bounds].size.width;
[scrollViewImage addSubview:img];
}

scrollViewImage.contentSize=CGSizeMake(x, 115);
scrollViewImage.contentOffset=CGPointMake(0, 0);

// page control
pageController = [[UIPageControl alloc]initWithFrame:CGRectMake(0, 400, 320, 36)];

[pageController addTarget:self action:@selector(pageChanged) forControlEvents:UIControlEventValueChanged];
UIPageControl *pageControl = [UIPageControl appearance];
pageControl.numberOfPages=totalImage;

pageControl.pageIndicatorTintColor = [UIColor whiteColor];
pageControl.currentPageIndicatorTintColor = [UIColor redColor];
pageControl.backgroundColor = [UIColor blackColor];
pageControl.layer.cornerRadius = 7.0;

}
– (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];

}
– (void)viewDidUnload {

[super viewDidUnload];
}
– (IBAction)changePage:(id)sender {

UIPageControl *pager=sender;
int page = pager.currentPage;
CGRect frame = scrollViewImage.frame;
frame.origin.x = frame.size.width * page;
frame.origin.y = 0;
[scrollViewImage scrollRectToVisible:frame animated:YES];
}

– (IBAction)btnPage2:(id)sender {

page2ViewController *page2VC = [[page2ViewController alloc]initWithNibName:@"page2ViewController" bundle:nil];
[self.navigationController pushViewController:page2VC animated:YES];
}

– (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
CGFloat viewWidth = scrollViewImage.frame.size.width;

int pageNumber = floor((scrollViewImage.contentOffset.x – viewWidth/2) / viewWidth) +1;
pageController.currentPage = pageNumber;
pageController.currentPageIndicatorTintColor = [UIColor redColor ];
[scrollViewImage setContentOffset: CGPointMake(scrollViewImage.contentOffset.x,0)];
}

– (void)pageChanged {

int pageNumber = pageController.currentPage;

CGRect frame = scrollViewImage.frame;
frame.origin.x = frame.size.width*pageNumber;
frame.origin.y=0;
[scrollViewImage scrollRectToVisible:frame animated:YES];

}
timer.m
Author Reply

June 15, 2017

#import “iKprogressTimer.h”

#define UIColorMake(r, g, b, a) [UIColor colorWithRed:r / 255. green:g / 255. blue:b / 255. alpha:a]

@interface iKprogressTimer ()
@property(nonatomic) CGFloat progress;
@property(nonatomic, strong) NSTimer *timer;
@property(nonatomic, copy) iKProgressBlock block;
@end

@implementation iKprogressTimer

– (id)initWithFrame:(CGRect)frame {
self = [super initWithFrame:frame];
if (self) {
[self setupParams];
}
return self;
}

– (id)initWithCoder:(NSCoder *)coder {
self = [super initWithCoder:coder];
if (self) {
[self setupParams];
}

return self;
}

– (void)setupParams {
self.backgroundColor = [UIColor clearColor];

self.frameWidth = 3;
self.progressColor = UIColorMake(44, 103, 175, 1);
self.progressBackgroundColor = UIColorMake(190, 223, 244, 1);
self.circleBackgroundColor = [UIColor whiteColor];
}

– (void)startWithBlock:(iKProgressBlock)block {
NSAssert(block, @”Can’t start progress without progressBlock”);
self.block = block;
if (!self.timer.isValid) {
self.timer = [NSTimer scheduledTimerWithTimeInterval:1.0f / 60
target:self
selector:@selector(updateProgress)
userInfo:nil
repeats:YES];
[self.timer fire];
}
}

– (void)updateProgress {
if ([self.delegate respondsToSelector:@selector(willUpdateProgressTimer:percentage:)]) {
[self.delegate willUpdateProgressTimer:self percentage:self.progress];
}
self.progress = self.block();
[self setNeedsDisplay];
if ([self.delegate respondsToSelector:@selector(didUpdateProgressTimer:percentage:)]) {
[self.delegate didUpdateProgressTimer:self percentage:self.progress];
}
}

– (void)stop {
[self.timer invalidate];
if ([self.delegate respondsToSelector:@selector(didStopProgressTimer:percentage:)]) {
[self.delegate didStopProgressTimer:self percentage:self.progress];
}
self.progress = 0;
[self setNeedsDisplay];
}

#pragma mark draw progress
– (void)drawRect:(CGRect)rect {
[self drawFillPie:rect margin:0 color:self.circleBackgroundColor percentage:1];
[self drawFramePie:rect];
[self drawFillPie:rect margin:self.frameWidth color:self.progressBackgroundColor percentage:1];
[self drawFillPie:rect margin:self.frameWidth color:self.progressColor percentage:self.progress];
}

– (void)drawFillPie:(CGRect)rect margin:(CGFloat)margin color:(UIColor *)color percentage:(CGFloat)percentage {
CGFloat radius = MIN(CGRectGetHeight(rect), CGRectGetWidth(rect)) * 0.5 – margin;
CGFloat centerX = CGRectGetWidth(rect) * 0.5;
CGFloat centerY = CGRectGetHeight(rect) * 0.5;

CGContextRef cgContext = UIGraphicsGetCurrentContext();
CGContextSetFillColorWithColor(cgContext, [color CGColor]);
CGContextMoveToPoint(cgContext, centerX, centerY);
CGContextAddArc(cgContext, centerX, centerY, radius, (CGFloat) -M_PI_2, (CGFloat) (-M_PI_2 + M_PI * 2 * percentage), 0);
CGContextClosePath(cgContext);
CGContextFillPath(cgContext);
}

– (void)drawFramePie:(CGRect)rect {
CGFloat radius = MIN(CGRectGetHeight(rect), CGRectGetWidth(rect)) * 0.5;
CGFloat centerX = CGRectGetWidth(rect) * 0.5;
CGFloat centerY = CGRectGetHeight(rect) * 0.5;

[UIColorMake(155, 190, 225, 0.8) set];
CGFloat fw = self.frameWidth + 1;
CGRect frameRect = CGRectMake(
centerX – radius + fw,
centerY – radius + fw,
(radius – fw) * 2,
(radius – fw) * 2);
UIBezierPath *insideFrame = [UIBezierPath bezierPathWithOvalInRect:frameRect];
insideFrame.lineWidth = 2;
[insideFrame stroke];
}
@end
tbar.m
Author Reply

June 15, 2017

import “iKProressBar.h”

@interface iKProressBar ()

@end

@implementation iKProressBar

– (void)viewDidLoad {
[super viewDidLoad];
iKprogressTimer *timer2 = [[iKprogressTimer alloc] initWithFrame:self.view2.bounds];
[self.view2 addSubview:timer2];

self.timer1.delegate = self;
timer2.delegate = self;
self.timer1.tag = 1;
timer2.tag = 2;

__block CGFloat i1 = 0;
[self.timer1 startWithBlock:^CGFloat {
return i1++ / 100;
}];
__block CGFloat i2 = 0;
[timer2 startWithBlock:^CGFloat {
return ((i2++ >= 50) ? (i2 = 0) : i2) / 50;
}];

}

– (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
}
#pragma mark iKProgressTimerDelegate Method
– (void)didUpdateProgressTimer:(iKprogressTimer *)progressTimer percentage:(CGFloat)percentage {
switch (progressTimer.tag) {
case 1:
if (percentage >= 1) {
[progressTimer stop];
}
break;
case 2:
if (percentage >= .6) {
[progressTimer stop];
}
default:
break;
}
}

– (void)didStopProgressTimer:(iKprogressTimer *)progressTimer percentage:(CGFloat)percentage {
NSLog(@”%s %f”, __PRETTY_FUNCTION__, percentage);
}

@end
shaik bajibaba
Author Reply

July 18, 2017

Hey Nice Simon , BUt here i want to add two string names in the two different labels and append them in a single data with the image representation how to append those 2 strings labels and display as a single label in simulator with the image .??
dk1
Author Reply

July 31, 2017

self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen]bounds]];
StudloginViewController *StudloginVC = [[StudloginViewController alloc] initWithNibName:@”StudloginViewController” bundle:nil];
self.navigationController = [[UINavigationController alloc] initWithRootViewController:StudloginVC];
self.navigationController.navigationBar.translucent = NO;
self.window.rootViewController = self.navigationController;
self.window.backgroundColor = [UIColor whiteColor];
[self.window makeKeyAndVisible];

return YES;
hijauddi
Author Reply

November 3, 2017

PAGE 1
1.Create login page single user (change password and user id option)
Page 2
2.Billing Page must provide setting and log off option
3.one small image for company logo
4.product name,quantity if stock not available can not selecty quantity and press enter to add it to bill
5.
Giovanni Pires da Silva
Author Reply

July 3, 2018

Update 2 source code is a 404 error, please check it out.