Horizontal scroll view inside a tableview

[karthi16]

Hi,

I have a requirement which lists the Cricket players in a table view with thier names and their stats like the following

 Name           total    4's  6's   1's  average
 Tendulkar       231      O    6     5      3.6   
 Gangully        212      9    0     8      4.5
  Etc .....

the total number of stats is like 8 to 10 , for that I have to make the stats horizantally scrollable, freezing the name. Can anyone explain me how to acheive this in a table view

[smithdale87]

I don't think that UITableViews are meant to be a substitute for a standard grid view, so this UI you are proposing would probably be very clunky and confusing for the user. You should find some other way the display the data in the tableview rather than horizontally scrolling.

[karthi16]

Originally Posted by smithdale87

I don't think that UITableViews are meant to be a substitute for a standard grid view, so this UI you are proposing would probably be very clunky and confusing for the user. You should find some other way the display the data in the tableview rather than horizontally scrolling.

Thanks for your response, I have seen several apps in app store implement this beautifully, please try using Fantasy monster application(can check this out only if you have a nfl fantasy player in yahoo). But just wanted to let you know that its possible to do that, Just don't know how :-) .

Thanks for trying to help

[smithdale87]

Ah, I didnt say it wasn't possible, I was just implying that if you did implement it, you would have to be very careful about how you did it. It's nice to know that some other apps have done this successfully. Can you post some screen shots from those apps?

[baja_yu]

I think there's a video clip on the website: FantasyMonster App for iPhone|FantasyMonster

It's by our own bignoggins

[smithdale87]

After looking at the video, I don't think they are using a table view at all. Just a scrollview for vertical scrolling, with multiple sub-scrollviews to scroll the horizontal contents for each section.

Edit: The screen I'm looking at has all the players with a bunch of stats. It's called "My Lineup"

[karthi16]

Originally Posted by smithdale87

After looking at the video, I don't think they are using a table view at all. Just a scrollview for vertical scrolling, with multiple sub-scrollviews to scroll the horizontal contents for each section.

Edit: The screen I'm looking at has all the players with a bunch of stats. It's called "My Lineup"

Is there any example for the approach you mentioned. please share.

[baja_yu]

It's not that hard. Give it a try. All you need are a few nested scrollviews, a big one for vertical scrolling, and one or several as subviews of that scrollview for the horizontal scrolling. If you've worked with one scrollview you'll be fine with several.

[iLuis007]

I have the same idea here. But i just can't make that works. I've tried to put a tableview inside a scrollview but no success.

Could you make it works ??

Thanks in advance.

[objch]

There's a pretty simple solution to this: Rotate a tableView 90 degrees, then in the cellForRowAtIndexPath method rotate the cell back 90 degrees.

[objch]

Here's an example:

- (void)viewDidLoad {
      
        [super viewDidLoad];        

        float  angle = -0.5 * M_PI;
        CGAffineTransform transform = CGAffineTransformMakeRotation(angle);
        CGRect rect = tableView.frame;
        [tableView setTransform:transform];	
        tableView.frame = rect;
}

- (UITableViewCell *)tableView:(UITableView *)_tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    static NSString *cellIdentifier = @"Cell";

    UITableViewCell *cell = [_tableView dequeueReusableCellWithIdentifier:cellIdentifier];
    
    
    if (cell == nil) {

        CGRect rect = cell.frame;
        float  angle = -1.5 * M_PI;
        CGAffineTransform transform = CGAffineTransformMakeRotation(angle);
        cell.transform = transform;
        cell.frame = rect;
     }

     return cell;
}

You'll need to remember to switch any values for height/width. And you'll need to import QuartzCore