How to add a subview to a TableViewCell?

Question

I need to add a subview to TableViewCell when the button in TableViewCell is clicked it should show another tableview as a subview and height of the tableview should be dynamic according to number of cell.

How can I do this?

Above screenshot is taken from a very popular shopping app and I need to do the same in my project.

Do you have all tableview cell that have one sub view like submenu ? — Himanshu Moradiya, Dec 15 '16 at 05:07
Search on github/google for "Expandable Table View", you will get solution — Mehul Thakkar, Dec 15 '16 at 05:09
@HimanshuMoradiya yes , i need to add subview or sub tableview like above to each cell but the size of the sub tableview has to be dynamic according to the elements . — Shikha Sharma, Dec 15 '16 at 05:09
then you have to use expandable tableview and you will got it in https://www.cocoacontrols.com/controls/ftfoldingtableview — Himanshu Moradiya, Dec 15 '16 at 05:11
@Shikha use that library folding tableview and you have to just set your main tableview as in this tableheaderview — Himanshu Moradiya, Dec 15 '16 at 05:13
ok @Shikha try it and tell me if any other problem you face then — Himanshu Moradiya, Dec 15 '16 at 05:34

score 3 · Accepted Answer · answered Dec 15 '16 at 05:22

3

You can easily achieve this using simple UITableView. For that you need to set all your main categories as your UITableview section and respected sub-categories can be added to respective rowOfSection.

answered Dec 15 '16 at 05:22

Er. Vihar

1,495
1
15
29

that's not what i want – Shikha Sharma Dec 15 '16 at 05:30
2

it is the solution, and better approach...adding as subview is not recommended. – Devang Tandel Dec 15 '16 at 05:39
@Shikha If you don't get the solution from this way then please explain more in detail that what is your requirement? Because as you have currently explained your problem, my suggested answer is the easiest and recommended way to achieve. – Er. Vihar Dec 15 '16 at 06:28

score 1 · Answer 2 · answered Dec 15 '16 at 06:59

1

You can use just one table view with UITableViewStyleGrouped style, and set "Men","Women","Kids & Baby" as TableView sections header, keep an boolean value to determine the result of "numberOfRowsInSection:" of each section and reload tableview.

answered Dec 15 '16 at 06:59

foolishBoy

331
1
12

score 0 · Answer 3 · answered Dec 15 '16 at 05:13

0

See the below link at github:

https://github.com/OliverLetterer/SLExpandableTableView

This contains the Expandable TableView, which you required. You have to implement SLExpandableTableViewDelegate and SLExpandableTableViewDatasource which contains different method, in which you have to provide inner tableview as well.

Hope this helps you.

answered Dec 15 '16 at 05:13

Mehul Thakkar

12,440
10
52
81

1

This should be a comment, until or unless, some part of code as effort is included as answer. – Bista Dec 15 '16 at 05:15
ya right @Mr.Bista that kind of solution post in comment not in answer – Himanshu Moradiya Dec 15 '16 at 05:16

score 0 · Answer 4 · answered Dec 15 '16 at 06:52

You need to do some work on your own I can give the directions that'll give you a way from my point of view :-

Make a Custom cell which you want to expand.
While designing the cell make its height in storyboard like 200 or so according to your need and add all the elements those you want to see when the cell is expanded.
You'll need two delegate methods first -didSelectItemAtIndexPath and second HeightForRowAtIndexPath at index path.
First You need to make sure the user taps on the button or cell that you want to expand , and to achieve that you need to call didSelectItemAtIndexPath.
Once you get your cell Position, in HeightForRowAtIndexPath check the indexpath is equal to your cell's indexpath,if yes then return the exact height(ie:200) of your cell otherwise return the default(ie:70) height of you cell.

Note : In didSelectItemAtIndexPath you need to call to method to update the current cell

[self.tableView beginUpdates];
[self.tableView endUpdates];

How to add a subview to a TableViewCell?

4 Answers4