Adding the little arrow to the right side of a cell in an iPhone TableView Cell

Question

This should be simple enough.

I have an iPhone app with a TableView. How do I add the little classic arrow to the righthand side of each cell?

EmptyStack · Accepted Answer · 2017-04-17T14:20:54.513

337

Just set the respective accessoryType property of UITableViewCell.

cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

In Swift 3,

cell.accessoryType = .disclosureIndicator

edited Apr 17 '17 at 14:20

answered Jun 12 '11 at 15:40

EmptyStack

51,274
23
147
178

1

Note that if you want to **rotate** the arrow ... **you can not do it**. You have to use an image .. http://stackoverflow.com/questions/13836606/use-table-view-disclosure-indicator-style-for-uibutton-ios – Fattie Nov 29 '13 at 07:39
1

For Swift just use cell.accessoryType = UITableViewCellAccessoryType.DisclosureIndicator – Quintin Balsdon Dec 23 '15 at 20:50
1

`cell.accessoryType = .DisclosureIndicator` works in Swift, too. – Tim Vermeulen Feb 07 '16 at 20:07
SWIFT 3.0: cell.accessoryType = .disclosureIndicator – Brian Bird Feb 10 '17 at 22:02

score 72 · Answer 2 · answered Aug 20 '13 at 16:03

72

You can do this in Interface Builder. Simply click click on the Table View, go to Prototype Cells on the right side and make it 1. Then click that Prototype Cell and on the right look for Accessory. In the drop-down, click Disclosure Indicator.

Interface Builder example

answered Aug 20 '13 at 16:03

rzv

2,022
18
22

I cannot see anything like "Prototype cells" in my xCode... Is it available in some versions of xCode? – Rasto Aug 22 '13 at 11:47
I also cannot find "Prototype Cells". I've used cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator; in custom cell. – Arkady Dec 15 '13 at 16:18
1

hey @rzv can you enlarge the image just a bit more? i forgot my glasses – abbood Sep 06 '14 at 11:04

score 8 · Answer 3 · answered Nov 30 '20 at 07:56

IN SWIFT 5

Use

cell.accessoryType = .detailButton

for a small Info-button on the right.

cell.accessoryType = .disclosureIndicator

for a small Info-arrow on the right.

cell.accessoryType = .detailDisclosureButton

for a small Info-button and Info-arrow on the right.

infront of your return cell

score 7 · Answer 4 · answered Mar 04 '13 at 10:38

You can set little classic arrow like two way as below

1) Using inbuilt accessory type method of UITableViewCell

[cell setAccessoryType:UITableViewCellAccessoryDisclosureIndicator];

2) Creating own accessory view with own image

(I) Drag & drop an arrow image(i.e. circle_arrow_right.png) in your project

(II) In cell design method for every row as below

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

Write below code:

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

    //For creating custom accessory view with own image
    UIImageView *accessoryView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 30, 30)];
    [accessoryView setImage:[UIImage imageNamed:@"circle_arrow_right.png"]];
    [cell setAccessoryView:accessoryView];
    [accessoryView release];

    //Your other components on cells
     .............
    .............

 }

[Note: Choose appropriate images for accessory view and add in your desired cells. Choose small images for accessory views for better performance.]

score 5 · Answer 5 · answered Nov 07 '16 at 02:21

5

Swift 3:

cell.accessoryType = .disclosureIndicator

answered Nov 07 '16 at 02:21

David Seek

16,783
19
105
136

score 4 · Answer 6 · answered Oct 23 '12 at 08:32

4

for simple arrow:

cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

and for detailed arrow:

cell.accessoryType = UITableViewCellAccessoryDetailDisclosureButton;

answered Oct 23 '12 at 08:32

Ravi_Parmar

12,319
3
25
36

cell.accessoryType = UITableViewCellAccessoryType.DisclosureIndicator ;) – M.R Jun 02 '16 at 05:02

score 4 · Answer 7 · edited Jun 12 '11 at 15:58

4

Use the accessoryType property of the cell to show a arrow on the right side. See this.

edited Jun 12 '11 at 15:58

Noah Witherspoon

57,021
16
130
131

answered Jun 12 '11 at 15:41

Mridul Kashatria

4,157
2
18
15

score 3 · Answer 8 · answered Nov 06 '12 at 01:59

The other way to do this is to specify UITableViewCellAccessoryDisclosureIndicator when you create the cell. To do this you'll likely alloc init your cell in the tableViewCellWithReuseIdentifier delegate method (then proceed to customize and configure your cell).

UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellAccessoryDisclosureIndicator reuseIdentifier:identifier];

score 1 · Answer 9 · answered Feb 14 '17 at 09:36

1

Best way is select Disclosure Indicator in Accessory section.

answered Feb 14 '17 at 09:36

Uditha Prasad

695
5
13

Adding the little arrow to the right side of a cell in an iPhone TableView Cell

9 Answers9

IN SWIFT 5

Linked