Odtnhj

how can i build the same design like this ... please guide me i just want an idea that how i can achieve the same view. i know what is tableview and all but thing is how to populate tableview with three different cell type and there postion is not fixed depend on beckend.

and all cell are clickable (push to another Viewcontroller)

In order to provide diff cells (does't matter if in different sections or only a single one) all you need to do is to register multiple different "prototypes" of cells (each with diff layout/style/etc.) with the table view. You can then use your "business logic" to dequeue (if reusable) specific "type" as you need.

to register a prototype cell programatically use

func register(_ cellClass: AnyClass?, forCellReuseIdentifier identifier: String)

if you use storyboard - you can simply drags multiple cells into the tableview

then in the

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell

you dequeue the right cell type

func dequeueReusableCell(withIdentifier identifier: String) -> UITableViewCell?

cell is "selectable" by utilising the tableview's delegate method

optional func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath)

In order to create this view the easiest way from my side is
Create a simple collection view with different sections and in each section, multiple rows will be there

Here you check the screenshot of demoapp :
http://prntscr.com/lioqjz

Where section and rows both are dynamic

To do this view we are using UICollectionreusableview to give space between each sections using as footer view, Here is the code of collectionview implementation:

extension ViewController:UICollectionViewDelegate,UICollectionViewDataSource 


func numberOfSections(in collectionView: UICollectionView) -> Int 
 return 3


func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int 
 return 5
 //If you have different rows with different sections then you follow through array count


func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell 

 let cell = collectionView.dequeueReusableCell(withReuseIdentifier:"Cell", for: indexPath) as! customCollectionViewCell

 cell.txtLabel.text="Type="+String(indexPath.section)+""+String(indexPath.row)
 return cell

and here is the SS of storyboard:
http://prntscr.com/liosvm

And to cell use to clickable, you can add UITapgesture in each cell