135

UITableView set to static cells.

Is it possible to hide some of the cells programmatically?

jszumski
  • 7,430
  • 11
  • 40
  • 53
Shmidt
  • 16,436
  • 18
  • 88
  • 136

22 Answers22

170

To hide static cells in UITable:

  1. Add this method:

In your UITableView controller delegate class:

Objective-C:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell* cell = [super tableView:tableView cellForRowAtIndexPath:indexPath];

    if(cell == self.cellYouWantToHide)
        return 0; //set the hidden cell's height to 0

    return [super tableView:tableView heightForRowAtIndexPath:indexPath];
}

Swift:

override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    var cell = super.tableView(tableView, cellForRowAtIndexPath: indexPath)

    if cell == self.cellYouWantToHide {
        return 0
    }

    return super.tableView(tableView, heightForRowAtIndexPath: indexPath)
}

This method will get called for each cell in the UITable. Once it calls it for the cell you want to hide, we set its height to 0. We identify the target cell by creating an outlet for it:

  1. In the designer, create an outlet for the cell(s) you want to hide. The outlet for one such cell is called "cellYouWantToHide" above.
  2. Check "Clip Subviews" in the IB for the cells you want to hide. The cells you are hiding need to have ClipToBounds = YES. Otherwise the text will pile up in the UITableView.
Justas
  • 5,718
  • 2
  • 34
  • 36
49

You are looking for this solution :

StaticDataTableViewController 2.0

https://github.com/xelvenone/StaticDataTableViewController

which can show/hide/reload any static cell(s) with or without animation!

[self cell:self.outletToMyStaticCell1 setHidden:hide]; 
[self cell:self.outletToMyStaticCell2 setHidden:hide]; 
[self reloadDataAnimated:YES];

Note to always use only (reloadDataAnimated:YES/NO) (dont call [self.tableView reloadData] directly)

This doesn't use the hacky solution with setting height to 0 and allows you to animate the change and hide whole sections

Peter Lapisu
  • 19,915
  • 16
  • 123
  • 179
  • 6
    One issue with that solution is that it leaves gaps where the hidden cells were. – Jack Feb 12 '13 at 15:31
  • how you mean gaps? can you better describe the situation, maybe on github directly? did you run the sample? – Peter Lapisu Feb 13 '13 at 14:22
  • 1
    I mean that if you have for example three sections and you hide the cells from the middle section the space where that section was remains. I didn't try the sample project, but I did try the code. I'll give the sample a try. – Jack Feb 13 '13 at 16:00
  • 1
    check out the sample, there was a larger update, maybe you had some old code... works perfect for me – Peter Lapisu Feb 13 '13 at 21:52
  • I tried the sample and it seems to work there, the only thing I'm doing different is using a `IBOutletCollection` but I don't see how that would make a difference. I only downloaded the code yesterday so I don't think its a old version. – Jack Feb 13 '13 at 22:05
  • I'm not sure I get what you mean, as far as I can see the only difference between my code and the example is that instead of using a separate outlet for each cell I'm using a IBOutletCollection. – Jack Feb 19 '13 at 14:42
  • the project got updated today also with sample of IBOutletCollection – Peter Lapisu Feb 19 '13 at 18:40
  • i just commited a version2.0, which has full row animation support... see the sample – Peter Lapisu Feb 20 '13 at 10:07
  • I checked it out, nice addition. Just a thought in your sample it might be more *illustrative* if the show/hide section button would work with the first section since that would show that it is indeed not leaving a gap (otherwise as I was mistaken before you might as well be using the built in `setHidden` method). – Jack Feb 20 '13 at 15:19
  • There seems to be a pretty critical bug where if you scroll (that is if you have content larger then the *viewport* then it crashes. You can easily reproduce this by opening up the sample and adding a couple of sections to the table and then just scrolling down. – Jack Feb 21 '13 at 15:20
39

The best way is as described in the following blog http://ali-reynolds.com/2013/06/29/hide-cells-in-static-table-view/

Design your static table view as normal in interface builder – complete with all potentially hidden cells. But there is one thing you must do for every potential cell that you want to hide – check the “Clip subviews” property of the cell, otherwise the content of the cell doesn’t disappear when you try and hide it (by shrinking it’s height – more later).

SO – you have a switch in a cell and the switch is supposed to hide and show some static cells. Hook it up to an IBAction and in there do this:

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

That gives you nice animations for the cells appearing and disappearing. Now implement the following table view delegate method:

- (float)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    if (indexPath.section == 1 && indexPath.row == 1) { // This is the cell to hide - change as you need
    // Show or hide cell
        if (self.mySwitch.on) {
            return 44; // Show the cell - adjust the height as you need
        } else {
            return 0; // Hide the cell
        }
   }
   return 44;
}

And that’s it. Flip the switch and the cell hides and reappears with a nice, smooth animation.

João Colaço
  • 1,202
  • 1
  • 14
  • 38
Mohamed Saleh
  • 2,881
  • 1
  • 23
  • 35
  • Update: you also need to set Cell Label to be Hide/Show with you Cell Hide/Show,otherwise Labels will make a mess. – Mohamed Saleh Oct 10 '13 at 17:00
  • 1
    You should note that if any UIView within the contents of your static cell has any constraints towards the cell.content you may get a runtime error if those constraints go invalid for your new cell height. – Pedro Borges Sep 09 '14 at 12:01
  • 1
    I knew this trick worked with dynamic content. Works pretty nicely with static too. So simple too. – Ants Nov 02 '15 at 20:50
  • 2
    This one really works, but to cover a missing point: if the row to be hidden/shown contains a date picker, doing only [self.tableView beginUpdates]; [self.tableView endUpdates]; will still leave a glitch while hiding it. To eliminate the glitch, you should call [self.tableView reloadRowsAtIndexPaths:@[indexPathOfTargetRow] withRowAnimation:UITableViewRowAnimationNone]; Also to notice that row animation is somehow "disabled" here. – Eddie Deng Dec 21 '15 at 03:42
  • Is that blog link now dead with a link to a 'dodgy' website, or is just me? – Red Dec 01 '21 at 06:17
34

My solution goes into a similar direction as Gareth, though I do some things differently.

Here goes:

1. Hide the cells

There is no way to directly hide the cells. UITableViewController is the data source which provides the static cells, and currently there is no way to tell it "don't provide cell x". So we have to provide our own data source, which delegates to the UITableViewController in order to get the static cells.

Easiest is to subclass UITableViewController, and override all methods which need to behave differently when hiding cells.

In the simplest case (single section table, all cells have the same height), this would go like this:

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section    
{
    return [super tableView:tableView numberOfRowsInSection:section] - numberOfCellsHidden;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Recalculate indexPath based on hidden cells
    indexPath = [self offsetIndexPath:indexPath];

    return [super tableView:tableView cellForRowAtIndexPath:indexPath];
}

- (NSIndexPath*)offsetIndexPath:(NSIndexPath*)indexPath
{
    int offsetSection = indexPath.section; // Also offset section if you intend to hide whole sections
    int numberOfCellsHiddenAbove = ... // Calculate how many cells are hidden above the given indexPath.row
    int offsetRow = indexPath.row + numberOfCellsHiddenAbove;

    return [NSIndexPath indexPathForRow:offsetRow inSection:offsetSection];
}

If your table has multiple sections, or the cells have differing heights, you need to override more methods. The same principle applies here: You need to offset indexPath, section and row before delegating to super.

Also keep in mind that the indexPath parameter for methods like didSelectRowAtIndexPath: will be different for the same cell, depending on state (i.e. the number of cells hidden). So it is probably a good idea to always offset any indexPath parameter and work with these values.

2. Animate the change

As Gareth already stated, you get major glitches if you animate changes using reloadSections:withRowAnimation: method.

I found out that if you call reloadData: immediately afterwards, the animation is much improved (only minor glitches left). The table is displayed correctly after the animation.

So what I am doing is:

- (void)changeState
{
     // Change state so cells are hidden/unhidden
     ...

    // Reload all sections
    NSIndexSet* reloadSet = [NSIndexSet indexSetWithIndexesInRange:NSMakeRange(0, [self numberOfSectionsInTableView:tableView])];

    [tableView reloadSections:reloadSet withRowAnimation:UITableViewRowAnimationAutomatic];
    [tableView reloadData];
}
gicappa
  • 4,862
  • 1
  • 19
  • 23
henning77
  • 3,824
  • 2
  • 26
  • 32
  • have you found a solution for the minor animation glitches? for me the seperator lines between the cells wont animate correctly and id rather use no animation than a gliched one. great solution though! – Maximilian Körner May 04 '13 at 10:27
  • My problem is that with static cells `numberOfRowsInSection:` is called only when table loads first time. When I call [self.tableView reloadData] - `numberOfRowsInSection:` is never get called again. Only `cellForRowAtIndexPath:` is called. What am I missing? – Roman Jul 14 '14 at 08:13
14
  1. In the designer, create an outlet for the cell(s) you want to hide. For example you want to hide 'cellOne', so in viewDidLoad() do this

cellOneOutlet.hidden = true

now override the below method, check which cell status is hidden and return height 0 for those cell(s). This is one of many ways you can hide any cell in static tableView in swift.

override func tableView(tableView: UITableView, heightForRowAtIndexPathindexPath: NSIndexPath) -> CGFloat 
{

let tableViewCell = super.tableView(tableView,cellForRowAtIndexPath: indexPath)

        if tableViewCell.hidden == true
        {
            return 0
        }
        else{
             return super.tableView(tableView, heightForRowAtIndexPath: indexPath)
        }

}
Saleh Masum
  • 2,137
  • 1
  • 16
  • 16
  • Best solution so far! – derdida Sep 20 '16 at 10:22
  • add tableView.reloadData() after making changes and it's perfect. Saved me a lot of effort to change solution! thanks – Shayan C Oct 16 '16 at 16:58
  • 1
    Swift 4 doesn't let me use `let tableViewCell = super.tableView(tableView,cellForRowAtIndexPath: indexPath)`. I assume it is replaced by `let tableViewCell = tableView.cellForRow(at: indexPath as IndexPath)`. – Clifton Labrum Jul 21 '18 at 05:15
  • Since I am using static cells on a `UITableViewController`, I don't have any `UITableView` delegate methods. In order to get it to call `heightForRow`, do I need to have any other methods as well? – Clifton Labrum Jul 21 '18 at 05:17
  • @CliftonLabrum no, you can override only this method. – Alexander Ershov Nov 02 '18 at 12:13
11

Turns out, you can hide and show cells in a static UITableView - and with animation. And it is not that hard to accomplish.

Demo project

Demo project video

The gist:

  1. Use tableView:heightForRowAtIndexPath: to specify cell heights dynamically based on some state.
  2. When the state changes animate cells showing/hiding by calling tableView.beginUpdates();tableView.endUpdates()
  3. Do not call tableView.cellForRowAtIndexPath: inside tableView:heightForRowAtIndexPath:. Use cached indexPaths to differentiate the cells.
  4. Do not hide cells. Set "Clip Subviews" property in Xcode instead.
  5. Use Custom cells (not Plain etc) to get a nice hiding animation. Also, handle Auto Layout correctly for the case when cell height == 0.

More info in my blog (Russian language)

Sergey Skoblikov
  • 5,811
  • 6
  • 40
  • 49
  • 1
    This point was the important for me: "Do not hide cells. Set "Clip Subviews" property in Xcode instead." – balkoth Jul 27 '15 at 06:49
11

I came up with an alternative that actually hides sections and doesn't delete them. I tried @henning77's approach, but I kept running into problems when I changed the number of sections of the static UITableView. This method has worked really well for me, but I'm primarily trying to hide sections instead of rows. I am removing some rows on the fly successfully, but it is a lot messier, so I've tried to group things into sections that I need to show or hide. Here is an example of how I'm hiding sections:

First I declare a NSMutableArray property

@property (nonatomic, strong) NSMutableArray *hiddenSections;

In the viewDidLoad (or after you have queried your data) you can add sections you want to hide to the array.

- (void)viewDidLoad
{
    hiddenSections = [NSMutableArray new];

    if(some piece of data is empty){
        // Add index of section that should be hidden
        [self.hiddenSections addObject:[NSNumber numberWithInt:1]];
    }

    ... add as many sections to the array as needed

    [self.tableView reloadData];
}

Then implement the following the TableView delegate methods

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
    if([self.hiddenSections containsObject:[NSNumber numberWithInt:section]]){
        return nil;
    }

    return [super tableView:tableView titleForHeaderInSection:section];
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    if([self.hiddenSections containsObject:[NSNumber numberWithInt:indexPath.section]]){
        return 0;
    }

    return [super tableView:tableView heightForRowAtIndexPath:[self offsetIndexPath:indexPath]];
}

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    if([self.hiddenSections containsObject:[NSNumber numberWithInt:indexPath.section]]){
        [cell setHidden:YES];
    }
}

Then set the header and footer height to 1 for hidden sections because you can't set the height to 0. This causes an additional 2 pixel space, but we can make up for it by adjusting the height of the next visible header.

-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section 
{
    CGFloat height = [super tableView:tableView heightForHeaderInSection:section];

    if([self.hiddenSections containsObject:[NSNumber numberWithInt:section]]){
        height = 1; // Can't be zero
    }
    else if([self tableView:tableView titleForHeaderInSection:section] == nil){ // Only adjust if title is nil
        // Adjust height for previous hidden sections
        CGFloat adjust = 0;

        for(int i = (section - 1); i >= 0; i--){
            if([self.hiddenSections containsObject:[NSNumber numberWithInt:i]]){
                adjust = adjust + 2;
            }
            else {
                break;
            }
        }

        if(adjust > 0)
        {                
            if(height == -1){
                height = self.tableView.sectionHeaderHeight;
            }

            height = height - adjust;

            if(height < 1){
                height = 1;
            }
        }
    }

    return height;
}

-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section 
{   
    if([self.hiddenSections containsObject:[NSNumber numberWithInt:section]]){
        return 1;
    }
    return [super tableView:tableView heightForFooterInSection:section];
}

Then, if you do have specific rows to hide you can adjust the numberOfRowsInSection and which rows are returned in cellForRowAtIndexPath. In this example here I have a section that has three rows where any three could be empty and need to be removed.

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    NSInteger rows = [super tableView:tableView numberOfRowsInSection:section];

    if(self.organization != nil){
        if(section == 5){ // Contact
            if([self.organization objectForKey:@"Phone"] == [NSNull null]){     
                rows--;
            }

            if([self.organization objectForKey:@"Email"] == [NSNull null]){     
                rows--;
            }

            if([self.organization objectForKey:@"City"] == [NSNull null]){     
                rows--;
            }
        }
    }

    return rows;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{    
    return [super tableView:tableView cellForRowAtIndexPath:[self offsetIndexPath:indexPath]];
}

Use this offsetIndexPath to calculate the indexPath for rows where you are conditionally removing rows. Not needed if you are only hiding sections

- (NSIndexPath *)offsetIndexPath:(NSIndexPath*)indexPath
{
    int row = indexPath.row;

    if(self.organization != nil){
        if(indexPath.section == 5){
            // Adjust row to return based on which rows before are hidden
            if(indexPath.row == 0 && [self.organization objectForKey:@"Phone"] == [NSNull null] && [self.organization objectForKey:@"Email"] != [NSNull null]){     
                row++;
            }
            else if(indexPath.row == 0 && [self.organization objectForKey:@"Phone"] == [NSNull null] && [self.organization objectForKey:@"Address"] != [NSNull null]){     
                row = row + 2;
            }
            else if(indexPath.row == 1 && [self.organization objectForKey:@"Phone"] != [NSNull null] && [self.organization objectForKey:@"Email"] == [NSNull null]){     
                row++;
            }
            else if(indexPath.row == 1 && [self.organization objectForKey:@"Phone"] == [NSNull null] && [self.organization objectForKey:@"Email"] != [NSNull null]){     
                row++;
            }
        }
    }

    NSIndexPath *offsetPath = [NSIndexPath indexPathForRow:row inSection:indexPath.section];

    return offsetPath;
}

There are a lot of methods to override, but what I like about this approach is that it is re-usable. Setup the hiddenSections array, add to it, and it will hide the correct sections. Hiding the rows it a little trickier, but possible. We can't just set the height of the rows we want to hide to 0 if we're using a grouped UITableView because the borders will not get drawn correctly.

Austin
  • 4,638
  • 7
  • 41
  • 60
  • 1
    I would probably use `NSMutableSet` for `hiddenSections` instead. It's a lot faster as you are mostly testing for membership. – pixelfreak May 07 '12 at 14:35
  • Good answer, Austin. I voted that answer up and will use this as reference for my projects in the future. pixelfreak also makes a good point about using `NSMutableSet` for `hiddenSections`, although I understand that the point of your answer was more conceptual than nit-picky as to which type of data structure you should use. – BigSauce Aug 07 '12 at 20:53
9

As per Justas's answer, but for Swift 4:

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    let cell = super.tableView(tableView, cellForRowAt: indexPath)

    if cell == self.cellYouWantToHide {
        return 0
    }

    return super.tableView(tableView, heightForRowAt: indexPath)
}
Chris Herbst
  • 1,241
  • 1
  • 16
  • 28
  • 1
    you may need a `tableView.reloadRows(at:, with:)` to update the cells if you change the height while the row is already visible. – Frost-Lee Jun 26 '19 at 23:07
8

Yes, it's definitely possible, although I am struggling with the same issue at the moment. I've managed to get the cells to hide and everything works ok, but I cannot currently make the thing animate neatly. Here is what I have found:

I am hiding rows based on the state of an ON / OFF switch in the first row of the first section. If the switch is ON there is 1 row beneath it in the same section, otherwise there are 2 different rows.

I have a selector called when the switch is toggled, and I set a variable to indicate which state I am in. Then I call:

[[self tableView] reloadData];

I override the tableView:willDisplayCell:forRowAtIndexPath: function and if the cell is supposed to be hidden I do this:

[cell setHidden:YES];

That hides the cell and its contents, but does not remove the space it occupies.

To remove the space, override the tableView:heightForRowAtIndexPath: function and return 0 for rows that should be hidden.

You also need to override tableView:numberOfRowsInSection: and return the number of rows in that section. You have to do something strange here so that if your table is a grouped style the rounded corners occur on the correct cells. In my static table there is the full set of cells for the section, so there is the first cell containing the option, then 1 cell for the ON state options and 2 more cells for the OFF state options, a total of 4 cells. When the option is ON, I have to return 4, this includes the hidden option so that the last option displayed has a rounded box. When the option is off, the last two options are not displayed so I return 2. This all feels clunky. Sorry if this isn't very clear, its tricky to describe. Just to illustrate the setup, this is the construction of the table section in IB:

  • Row 0: Option with ON / OFF switch
  • Row 1: Displayed when option is ON
  • Row 2: Displayed when option is OFF
  • Row 3: Displayed when option is OFF

So when the option is ON the table reports two rows which are:

  • Row 0: Option with ON / OFF switch
  • Row 1: Displayed when option is ON

When the option is OFF the table reports four rows which are:

  • Row 0: Option with ON / OFF switch
  • Row 1: Displayed when option is ON
  • Row 2: Displayed when option is OFF
  • Row 3: Displayed when option is OFF

This approach doesn't feel correct for several reasons, its just as far as I have got with my experimentation so far, so please let me know if you find a better way. The problems I have observed so far are:

  • It feels wrong to be telling the table the number of rows is different to what is presumably contained in the underlying data.

  • I can't seem to animate the change. I've tried using tableView:reloadSections:withRowAnimation: instead of reloadData and the results don't seem to make sense, I'm still trying to get this working. Currently what seems to happen is the tableView does not update the correct rows so one remains hidden that should be displayed and a void is left under the first row. I think this might be related to the first point about the underlying data.

Hopefully someone will be able to suggest alternative methods or perhaps how to extend with animation, but maybe this will get you started. My apologies for the lack of hyperlinks to functions, I put them in but they were rejected by the spam filter because I am a fairly new user.

Gareth Clarke
  • 291
  • 2
  • 8
  • I'm pretty sure you should call `[[self tableView] reloadData];` one more time after hiding the cells – Shmidt Nov 29 '11 at 14:10
  • Sorry to revive this, but how were you able to subclass UITableViewController and use it with static cells? Xcode won't let me. – Dany Joumaa Dec 31 '11 at 01:35
  • Nessup, you don't need to subclass UITableView. In storyboard choose your TableViewController, then click on TableView. Now you are able to select between dynamic/static cells. – Shmidt Jan 08 '12 at 14:15
  • 1
    I found the solution how to animate static cells hide/show. Just call `return [super tableView:tableView cellForRowAtIndexPath:indexPath];` in `UITableViewController` subclass for creating static cells. Index paths are static indexed - not dynamic ... – k06a Aug 22 '12 at 08:35
7

Okay, after some trying, I have a non common answer. I am using the "isHidden" or "hidden" variable to check if this cell should be hidden.

  1. create an IBOutlet to your view controller. @IBOutlet weak var myCell: UITableViewCell!

  2. Update the myCell in your custom function, example you may add it in viewDidLoad:

override func viewDidLoad() { super.viewDidLoad() self.myCell.isHidden = true }

  1. in your delegate method:

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { let cell = super.tableView(tableView, cellForRowAt: indexPath) guard !cell.isHidden else { return 0 } return super.tableView(tableView, heightForRowAt: indexPath) }

This will reduce your logic in the delegate method, and you only need to focus on your business requirement.

BananZ
  • 1,153
  • 1
  • 12
  • 22
6

Simple iOS 11 & IB/Storyboard Compatible Method

For iOS 11, I found that a modified version of Mohamed Saleh's answer worked best, with some improvements based on Apple's documentation. It animates nicely, avoids any ugly hacks or hardcoded values, and uses row heights already set in Interface Builder.

The basic concept is to set the row height to 0 for any hidden rows. Then use tableView.performBatchUpdates to trigger an animation that works consistently.

Set the cell heights

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    if indexPath == indexPathOfHiddenCell {
        if cellIsHidden {
            return 0
        }
    }
    // Calling super will use the height set in your storyboard, avoiding hardcoded values
    return super.tableView(tableView, heightForRowAt: indexPath)
}

You'll want to make sure cellIsHidden and indexPathOfHiddenCell are set appropriately to your use case. For my code they're properties on my table view controller.

Toggling the cell

In whatever method controls the visibility (likely a button action or didSelectRow), toggle the cellIsHidden state, inside a performBatchUpdates block:

tableView.performBatchUpdates({
                // Use self to capture for block
                self.cellIsHidden = !self.cellIsHidden 
            }, completion: nil)

Apple recommends performBatchUpdates over beginUpdates/endUpdates whenever possible.

robmathers
  • 3,028
  • 1
  • 26
  • 29
5

The above answers that hide/show cells, change rowHeight, or mess with Auto layout constraints didn't work for me because of Auto layout issues. The code became intolerable.

For a simple static table, what worked best for me was to:

  1. Create an outlet for every cell in the static table
  2. Create an array only with the outlets of cells to show
  3. Override cellForRowAtIndexPath to return the cell from the array
  4. Override numberOfRowsInSection to return the count of the array
  5. Implement a method to determine what cells need to be in that array, and call that method whenever needed, and then reloadData.

Here is an example from my table view controller:

@IBOutlet weak var titleCell: UITableViewCell!
@IBOutlet weak var nagCell: UITableViewCell!
@IBOutlet weak var categoryCell: UITableViewCell!

var cellsToShow: [UITableViewCell] = []

override func viewDidLoad() {
    super.viewDidLoad()
    determinCellsToShow()
}

func determinCellsToShow() {
    if detail!.duration.type != nil {
        cellsToShow = [titleCell, nagCell, categoryCell]
    }
    else {
        cellsToShow = [titleCell,  categoryCell]
    }
}

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    return cellsToShow[indexPath.row]
}

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return cellsToShow.count
}
David Barta
  • 336
  • 3
  • 7
  • 2020 and this is the greatest solution to this. No hack needed. – mdonati Apr 06 '20 at 02:40
  • Setting the cell heights to zero caused a ton of constraint warnings for me, which wasn't fixable. This strategy does work for me but I had multiple sections and needed to hide one section. The hidden section has to exist but it has no header title and no cells so it takes up no visible space. I have a ```Section``` type that has an array of cells. There's also an array of ```Section```s. Then overrides of ```numberOfSections```, ```numberOfRowsInSection```, and ```cellForRowAtIndexPath```, and a few for the section titles. – PhoneyDeveloper Aug 24 '21 at 17:32
1

I found a solution for animate hiding cells in static table.

// Class for wrapping Objective-C block
typedef BOOL (^HidableCellVisibilityFunctor)();
@interface BlockExecutor : NSObject
@property (strong,nonatomic) HidableCellVisibilityFunctor block;
+ (BlockExecutor*)executorWithBlock:(HidableCellVisibilityFunctor)block;
@end
@implementation BlockExecutor
@synthesize block = _block;
+ (BlockExecutor*)executorWithBlock:(HidableCellVisibilityFunctor)block
{
    BlockExecutor * executor = [[BlockExecutor alloc] init];
    executor.block = block;
    return executor;
}
@end

Only one additional dictionary needed:

@interface MyTableViewController ()
@property (nonatomic) NSMutableDictionary * hidableCellsDict;
@property (weak, nonatomic) IBOutlet UISwitch * birthdaySwitch;
@end

And look at implementation of MyTableViewController. We need two methods to convert indexPath between visible and invisible indexes...

- (NSIndexPath*)recoverIndexPath:(NSIndexPath *)indexPath
{
    int rowDelta = 0;
    for (NSIndexPath * ip in [[self.hidableCellsDict allKeys] sortedArrayUsingSelector:@selector(compare:)])
    {
        BlockExecutor * executor = [self.hidableCellsDict objectForKey:ip];
        if (ip.section == indexPath.section
            && ip.row <= indexPath.row + rowDelta
            && !executor.block())
        {
            rowDelta++;
        }
    }
    return [NSIndexPath indexPathForRow:indexPath.row+rowDelta inSection:indexPath.section];
}

- (NSIndexPath*)mapToNewIndexPath:(NSIndexPath *)indexPath
{
    int rowDelta = 0;
    for (NSIndexPath * ip in [[self.hidableCellsDict allKeys] sortedArrayUsingSelector:@selector(compare:)])
    {
        BlockExecutor * executor = [self.hidableCellsDict objectForKey:ip];
        if (ip.section == indexPath.section
            && ip.row < indexPath.row - rowDelta
            && !executor.block())
        {
            rowDelta++;
        }
    }
    return [NSIndexPath indexPathForRow:indexPath.row-rowDelta inSection:indexPath.section];
}

One IBAction on UISwitch value changing:

- (IBAction)birthdaySwitchChanged:(id)sender
{
    NSIndexPath * indexPath = [self mapToNewIndexPath:[NSIndexPath indexPathForRow:1 inSection:1]];
    if (self.birthdaySwitch.on)
        [self.tableView insertRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
    else
        [self.tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
}

Some UITableViewDataSource and UITableViewDelegate methods:

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    int numberOfRows = [super tableView:tableView numberOfRowsInSection:section];
    for (NSIndexPath * indexPath in [self.hidableCellsDict allKeys])
        if (indexPath.section == section)
        {
            BlockExecutor * executor = [self.hidableCellsDict objectForKey:indexPath];
            numberOfRows -= (executor.block()?0:1);
        }
    return numberOfRows;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    indexPath = [self recoverIndexPath:indexPath];
    return [super tableView:tableView cellForRowAtIndexPath:indexPath];
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    indexPath = [self recoverIndexPath:indexPath];
    return [super tableView:tableView heightForRowAtIndexPath:indexPath];
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    // initializing dictionary
    self.hidableCellsDict = [NSMutableDictionary dictionary];
    [self.hidableCellsDict setObject:[BlockExecutor executorWithBlock:^(){return self.birthdaySwitch.on;}] forKey:[NSIndexPath indexPathForRow:1 inSection:1]];
}

- (void)viewDidUnload
{
    [self setBirthdaySwitch:nil];
    [super viewDidUnload];
}

@end
k06a
  • 17,755
  • 10
  • 70
  • 110
1

Answer in swift:

Add the following method in your TableViewController:

override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return indexPathOfCellYouWantToHide == indexPath ? 0 : super.tableView(tableView, heightForRowAtIndexPath: indexPath)
}

if the tableView tries to draw the cell you wish to hide, then it won't display it because its height will be set to 0pt thanks to the method above, everything else stays unaltered.

Please note that indexPathOfCellYouWantToHide can be changed at anytime :)

Federico Zanetello
  • 3,321
  • 1
  • 25
  • 22
1

In > Swift 2.2, I've combined few answers here.

Make an outlet from storyboard to link to your staticCell.

@IBOutlet weak var updateStaticCell: UITableViewCell!

override func viewDidLoad() {
    ...
    updateStaticCell.hidden = true
}

override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    if indexPath.row == 0 {
        return 0
    } else {
        return super.tableView(tableView, heightForRowAtIndexPath: indexPath)
    }
}

I want to hide my first cell so I set the height to 0 as described above.

CodeOverRide
  • 4,431
  • 43
  • 36
1

In addition to @Saleh Masum solution:

If you get auto-layout errors, you can just remove the constraints from the tableViewCell.contentView

Swift 3:

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    let tableViewCell = super.tableView(tableView, cellForRowAt: indexPath)

    if tableViewCell.isHidden == true
    {
        tableViewCell.contentView.removeConstraints(tableViewCell.contentView.constraints)
        return 0
    }
    else{
        return super.tableView(tableView, heightForRowAt: indexPath)
    }

}

This solution depends on the flow of your app. If you want to show/hide the cell in the same view controller instance this may not be the best choice, because it removes the constraints.

Luca
  • 221
  • 2
  • 11
1

Swift 4:

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    var height = super.tableView(tableView, heightForRowAt: indexPath)
    if (indexPath.row == HIDDENROW) {
        height = 0.0
    }
    return height
}
pizzamonster
  • 1,141
  • 10
  • 9
0

For the easiest scenario when you hide cells at the very bottom of table view, you could adjust tableView's contentInset after you hide cell:

- (void)adjustBottomInsetForHiddenSections:(NSInteger)numberOfHiddenSections
{
    CGFloat bottomInset = numberOfHiddenSections * 44.0; // or any other 'magic number
    self.tableView.contentInset = UIEdgeInsetsMake(self.tableView.contentInset.top, self.tableView.contentInset.left, -bottomInset, self.tableView.contentInset.right);
}
Vladimir Shutyuk
  • 2,956
  • 1
  • 24
  • 26
0

This is new way to do this using https://github.com/k06a/ABStaticTableViewController

NSIndexPath *ip = [NSIndexPath indexPathForRow:1 section:1];
[self deleteRowsAtIndexPaths:@[ip] withRowAnimation:UITableViewRowAnimationFade]
k06a
  • 17,755
  • 10
  • 70
  • 110
0

Solution from k06a (https://github.com/k06a/ABStaticTableViewController) is better because it hides whole section including cells headers and footers, where this solution (https://github.com/peterpaulis/StaticDataTableViewController) hides everything except footer.

EDIT

I just found solution if you want to hide footer in StaticDataTableViewController. This is what you need to copy in StaticTableViewController.m file:

- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section {
    if ([tableView.dataSource tableView:tableView numberOfRowsInSection:section] == 0) {
        return nil;
    } else {
        return [super tableView:tableView titleForFooterInSection:section];
    }
}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section {

    CGFloat height = [super tableView:tableView heightForFooterInSection:section];

    if (self.originalTable == nil) {
        return height;
    }

    if (!self.hideSectionsWithHiddenRows) {
        return height;
    }

    OriginalSection * os = self.originalTable.sections[section];
    if ([os numberOfVissibleRows] == 0) {
       //return 0;
        return CGFLOAT_MIN;
    } else {
        return height;
    }

    //return 0;
    return CGFLOAT_MIN;
}
pawel221
  • 977
  • 1
  • 7
  • 9
0

Surely you can. First, return to your tableView number of cells you want to show then call super to achieve certain cell from your storyboard and return it for tableView:

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return self.mode.numberOfCells()
}

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = super.tableView(tableView, cellForRowAtIndexPath: self.mode.indexPathForIndexPath(indexPath))

    return cell
}

If your cells has different hieght return it too:

override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return super.tableView(tableView, heightForRowAtIndexPath: self.mode.indexPathForIndexPath(indexPath))
}
Petr Syrov
  • 14,689
  • 3
  • 20
  • 30
0

I got a better way to hide static cells and even sections dynamically without any hacks.

Setting the row height to 0 can hide a row, but that doesn't work if you want to hide an entire section which will hold some spaces even you hide all the rows.

My approach is to build a section array of static cells. Then the table view contents will be driven by the section array.

Here is some sample code:

var tableSections = [[UITableViewCell]]()

private func configTableSections() {
    // seciton A
    tableSections.append([self.cell1InSectionA, self.cell2InSectionA])

    // section B
    if shouldShowSectionB {
        tableSections.append([self.cell1InSectionB, self.cell2InSectionB])
    }

    // section C
    if shouldShowCell1InSectionC {
        tableSections.append([self.cell1InSectionC, self.cell2InSectionC, self.cell3InSectionC])
    } else {
        tableSections.append([self.cell2InSectionC, self.cell3InSectionC])
    }
}

func numberOfSections(in tableView: UITableView) -> Int {
    return tableSections.count
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return tableSections[section].count
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    return tableSections[indexPath.section][indexPath.row]
}

This way, you can put all of your configuration code together without having to write the nasty code to calculate number of rows and sections. And of course, no 0 heights anymore.

This code is also very easy maintain. For example, if you want to add/remove more cells or sections.

Similarly, you can create a section header title array and section footer title array to config your section titles dynamically.

Simon Wang
  • 996
  • 7
  • 11