How to make search Bar in header?

Question

I try to add search bar into cell with identifier and the use this method viewForHeaderInSection which it's come up with an error of

The search bar outlet from the UISearchController to the UISearchBar. Outlet cannot be connected to repeating content.

So basically I want to make search bar staying while scrolling the table view. This is my approach to make it work but it doesn't work.

Any suggestion?

score 0 · Answer 1 · edited Feb 19 '18 at 04:51

0

You should create the UISearchController programmatically:

Create the UISearchController, put this code in viewDidLoad() or viewWillAppear()

var searchController: UISearchController = UISearchController(searchResultsController: nil)

Now assign it to headerView of UITableView. Write the below code in viewDidLoad() method

self.tableView.tableHeaderView = searchController.searchBar

Hope this helps!

edited Feb 19 '18 at 04:51

FreeGor

answered Aug 13 '15 at 05:32

Sohil R. Memon

So in storyboard I don't have to add search view controller right? – asiandudeCom Aug 13 '15 at 05:35
yes, indeed, you don't need to add! You can to create and it will be displayed one time only! @asiandudeCom – Sohil R. Memon Aug 13 '15 at 05:35
It has an error. It said that CGRect is not convertible into UISearchController. @Sohil R. Memon – asiandudeCom Aug 13 '15 at 05:40
Thanks but still have some weird problem is it have some weird spaces between search bar and table view. Any insight? – asiandudeCom Aug 13 '15 at 06:30
@asiandudeCom can you just give me screenshot of that please? – Sohil R. Memon Aug 13 '15 at 06:33
with this approach when the user scrolls, the search bar disappears. Any way to keep it up ? – Konstantinos Natsios Dec 24 '16 at 11:59
@KwnstantinosNatsios Then this approach is wrong. You need to insert `UISearchBar` separately in your `UIView` and below that add `UITableView`. – Sohil R. Memon Dec 24 '16 at 12:11
@KwnstantinosNatsios Check this for better idea: http://stackoverflow.com/questions/23969587/is-it-possible-to-have-a-fixed-uitableview-header-while-using-sections – Sohil R. Memon Dec 24 '16 at 12:12

score 0 · Answer 2 · answered Aug 13 '15 at 06:17

If u want it to be always visible on top, u can also put the search bar in navigationBar(of navigation Controller) as its titleView.

self.navigationItem.titleView=self.searchController.searchBar;

And to make it fit the screen in all orientations, just add the following :

[self.searchController.searchBar sizeToFit];

Hope that helps :)

2 Answers2