UITableView with fixed section headers

Question

Greets  I m reading that the default behaviour of UITableView is to pin section header rows to the top of the table as you scroll through the sections until the next section pushes the previos section row out of view   I have a UITableView inside a UIViewController and this does not seem to be the case   Is that just the defualt behaviour for UITableViewController   Here s some simplified code based on what I have  I ll show the UIController interface and each table view method I ve implemented to create the table view  I have a helper data source class that helps me index my objects for use with the table        interface MyUIViewController    lt UITableViewDelegate  UITableViewDataSource gt           property  nonatomic  readonly  UITableView  myTableView           property  nonatomic  readonly  MyCustomHelperDataSource  helperDataSource       end        when section data is set  get details for each section and reload table on success     -  void setSectionData  NSArray   sections           super sectionData   sections    this array drives the sections            get additional data for section details           RestKitService sharedClient  getSectionDetailsForSection someId          success   RKObjectRequestOperation  operation  RKMappingResult  details                NSLog   Got section details data                 helperDataSource     MyCustomHelperDataSource alloc  initWithSections sections andDetails details array                myTableView reloadData             failure   RKObjectRequestOperation  operation  NSError  error                NSLog   Failed getting section details                            pragma mark  lt UITableViewDataSource  UITableViewDelegate gt       -  NSInteger numberOfSectionsInTableView  UITableView   tableView           if    helperDataSource  return 0          return   helperDataSource countSectionsWithDetails     number of section that have details rows  ignore any empty sections            -  NSInteger tableView  UITableView   tableView numberOfRowsInSection  NSInteger section             get the section object for the current section int         SectionObject  section     helperDataSource sectionObjectForSection section             return the number of details rows for the section object at this section         return   helperDataSource countOfSectionDetails section sectionId              -  UITableViewCell   tableView  UITableView   tableView cellForRowAtIndexPath  NSIndexPath   indexPath            UITableViewCell   cell           NSString  CellIdentifier     SectionDetailCell            cell    tableView dequeueReusableCellWithIdentifier CellIdentifier           if  cell    nil                initWithStyle UITableViewCellStyleValue1 reuseIdentifier CellIdentifier               cell     UITableViewCell alloc  initWithStyle UITableViewCellStyleSubtitle reuseIdentifier CellIdentifier               cell textLabel font    UIFont systemFontOfSize 12 0f                        get the detail object for this section         SectionObject  section     helperDataSource sectionObjectForSection indexPath section             NSArray  detailsForSection     helperDataSource detailsForSection section sectionId            SectionDetail  sd    SectionDetail   detailsForSection objectAtIndex indexPath row            cell textLabel text   sd displayText          cell detailTextLabel text   sd subText          cell detailTextLabel textColor    UIColor blueTextColor            return cell         -  CGFloat tableView  UITableView   tableView heightForRowAtIndexPath  NSIndexPath   indexPath       return 50 0f     -  CGFloat tableView  UITableView   tableView heightForHeaderInSection  NSInteger section       return 30 0f     -  NSString   tableView  UITableView   tableView titleForHeaderInSection  NSInteger  section         get the section object for the current section     SectionObject  section     helperDataSource sectionObjectForSection section         NSString  title          d         return  NSString stringWithFormat title  section name    helperDataSource countOfSectionDetails section sectionId       -  UIView   tableView  UITableView   tableView viewForHeaderInSection  NSInteger section       UIView  header     UIView alloc  initWithFrame CGRectMake 0  0  260  0        header autoresizingMask   UIViewAutoresizingFlexibleWidth       header backgroundColor    UIColor darkBackgroundColor        SSLabel  label     SSLabel alloc  initWithFrame CGRectMake 3  3  260  24        label font    UIFont boldSystemFontOfSize 10 0f       label verticalTextAlignment   SSLabelVerticalTextAlignmentMiddle      label backgroundColor    UIColor clearColor       label text    self tableView tableView titleForHeaderInSection section       label textColor    UIColor whiteColor       label shadowColor    UIColor darkGrayColor       label shadowOffset   CGSizeMake 1 0  1 0        header addSubview label        return header

User · Accepted Answer

The headers only remain fixed when the UITableViewStyle property of the table is set to UITableViewStylePlain  If you have it set to UITableViewStyleGrouped  the headers will scroll up with the cells

User · Answer

Change your TableView Style      self tableview     UITableView alloc  initwithFrame frame   style UITableViewStyleGrouped     As per apple documentation for  UITableView      UITableViewStylePlain- A plain table view  Any section headers or   footers are displayed as inline separators and float when the table   view is scrolled       UITableViewStyleGrouped- A table view whose sections present distinct   groups of rows  The section headers and footers do not float    Hope this small change will help you

User · Answer

You can also set the tableview s bounces property to NO  This will keep the section headers non-floating static  but then you also lose the bounce property of the tableview

User · Answer

to make UITableView sections header not sticky or sticky     change the table view s style - make it grouped for not sticky  amp  make it plain for sticky section headers - do not forget  you can do it from storyboard without writing code   click on your table view and change it is style from the right Side  component menu  if you have extra components such as custom views or etc  please check the table view s margins to create appropriate design   such as height of header for sections  amp  height of cell at index path  sections

User · Answer

Swift 3 0  Create a ViewController with the UITableViewDelegate and UITableViewDataSource protocols  Then create a tableView inside it  declaring its style to be UITableViewStyle grouped  This will fix the headers   lazy var tableView  UITableView         let view   UITableView frame  UIScreen main bounds  style  UITableViewStyle grouped      view delegate   self     view dataSource   self     view separatorStyle    none     return view

[ios] UITableView with fixed section headers

Examples related to ios

Examples related to objective-c

Examples related to uitableview