Horizontally scrollable TableViewCell

Hi guys,

so what I wanna do is make a nice looking TableView (or ListView in .Forms). When you click on it, the selected cell should expand and show a grid of ImageCircles just like in the picture that i attached. The grid should then be horizontally scrollable, depending on how many circles there are. When clicked again it should go back to the normal state.

I managed to make an individual cell expand, but I had to make a renderer for the UITableView as the following:

public override void RowSelected (UITableView tableView, NSIndexPath indexPath)
        {
            tableView.DeselectRow (indexPath, true);

            int row = indexPath.Row;
            selectedRow = row;
            tableView.BeginUpdates();
            tableView.EndUpdates();
        }
public override nfloat GetHeightForRow (UITableView tableView, NSIndexPath indexPath)
        {
            if (indexPath.Row == selectedRow)
                return 150;
            else
                return 50;
        }

I am not sure if it's a good implementation for what I want to achieve, but it's the only thing that worked for me to expand the cells.

Besides that, I really have no good clue about how to make that. Help ?

Thank you!