How to set UITableView empty space's backgroundColor different?

Question

Here is a tableView with 5 cells and one section. there is a blue gap when pulling the tableView to refresh.

here is the code:

- (UITableView *)salesRankTableView{
    if(!_salesRankTableView){
        _salesRankTableView = [[UITableView alloc] initWithFrame: CGRectMake(8, 183, KScreenWidth - 16, KScreenHeight-183-64) style: UITableViewStyleGrouped];

        [_salesRankTableView registerNib: [UINib nibWithNibName: NSStringFromClass(SalesRankTableViewCell.class) bundle:nil] forCellReuseIdentifier: kSalesRankTableViewCell];
        _salesRankTableView.layer.contents = (__bridge id _Nullable)([UIImage imageNamed: @"blue"].CGImage);

        MJRefreshNormalHeader *header = [MJRefreshNormalHeader headerWithRefreshingTarget: self refreshingAction: @selector(rankRefresh)];
        header.layer.contents = (__bridge id _Nullable)([UIImage imageNamed: @"white"].CGImage);
        _salesRankTableView.mj_header = header;
    }

    return _salesRankTableView;

}


- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return 5;
}


- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    return 56;
}


- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    return [UIView new];
}


- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section{
    return [UIView new];
}

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
    return CGFLOAT_MIN;
}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{
    return CGFLOAT_MIN;
}

In order to get rid of the blue gap in the front of the tableView. I changed the tableView's backgroundColor. And met an other question.

The empty space's backgroundColor of the tableView matters. How to set it different?

Here is the code:

- (UITableView *)salesRankTableView{
    if(!_salesRankTableView){
        _salesRankTableView = [[UITableView alloc] initWithFrame: CGRectMake(8, 183, KScreenWidth - 16, KScreenHeight-183-64) style: UITableViewStyleGrouped];

        [_salesRankTableView registerNib: [UINib nibWithNibName: NSStringFromClass(SalesRankTableViewCell.class) bundle:nil] forCellReuseIdentifier: kSalesRankTableViewCell];
        _salesRankTableView.layer.contents = (__bridge id _Nullable)([UIImage imageNamed: @"white"].CGImage);

        MJRefreshNormalHeader *header = [MJRefreshNormalHeader headerWithRefreshingTarget: self refreshingAction: @selector(rankRefresh)];
        header.layer.contents = (__bridge id _Nullable)([UIImage imageNamed: @"white"].CGImage);
        _salesRankTableView.mj_header = header;
    }

    return _salesRankTableView;

}

I used to insert a white view behind the tableView with the prior code.

It is a little wield , How to do it better?

Probably the simplest solution is to keep the white background but to also observe `contentSize` and change height of the table view accordingly. — Sulthan, Nov 02 '18 at 07:51
u have take two section or two different cell. without know about no of section and no of row cell no no one understand yur exact problem . see if u have take two section than heightForHeaderInSection and heightForFooterInSection return 0. — Krishna kushwaha, Nov 02 '18 at 08:13

Sateesh Yemireddi · Accepted Answer · 2018-11-02T16:12:00.717

0

Try to set the background color of _salesRankTableView to white.

_salesRankTableView.backgroundColor = [UIColor clearColor]; // Newline
_salesRankTableView.mj_header.backgroundColor = [UIColor whiteColor];

Update:

Replace tableView delegate methods below:

func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {

    return 0
}

func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {

    return UIView(frame: CGRect.zero)
}

edited Nov 02 '18 at 16:12

answered Nov 02 '18 at 07:45

Sateesh Yemireddi

4,289
1
20
37

Not worked. The header view is associated object, used to pull refresh. – black_pearl Nov 02 '18 at 07:57
That fits the first image situation. – black_pearl Nov 02 '18 at 14:51
Answer is edited. plz check. New things commented by 'new line' & update – Sateesh Yemireddi Nov 02 '18 at 16:14
Sorry. Firstly you need to what mj_header is. https://github.com/CoderMJLee/MJRefresh. I insert a layer and observe the tableView offset to solve it – black_pearl Nov 03 '18 at 14:40

score 0 · Answer 2 · answered Nov 02 '18 at 08:58

0

You can make it by typing a single line of code in viewDidLoad()

 self.tableView.tableFooterView = UIView()

here the free spaced cells will be removed and if you wish to change the tableview color to some other you can make it by changing the background color of the tableView.If you want the color of superview background as the free space you should change the tableview background color to 'clear'.

 self.tableView.backgroundColor = UIColor.clear

Hope it will help.

answered Nov 02 '18 at 08:58

Fansad PP

459
4
11

Thank you Fansad. This is the perfect Solution – Nov 02 '18 at 09:53
Not fit for my situation. That goes the upper situation. In fact , I use https://github.com/CoderMJLee/MJRefresh. I think the answer is to do some change to the repo. And Sulthan's suggestion fits more. – black_pearl Nov 02 '18 at 10:02

How to set UITableView empty space's backgroundColor different?

2 Answers2

Linked