mjhjmtu

I am having a data structure similar to this:

Class A 

 public String Name;
 public String status;
 public List<B>;

In the Visualforce page, I need to display both A and B's information in one table. Like below:

Please note that A1 and B1 will be in the same line of the table.

I am not quite sure how should I achieve this in Visualforce by using apex:repeat. I am thinking of using another wrapper class to hold both A and B's information and if B is not the first child, the related A information can be blank. However, this still sounds a bit strange to me.

Any suggestions?

You just have a List<Child__c>. Within each row, you can then reference fields on Parent__c or Child__c.

<apex:pageBlockTable value="!children" var="child">
 <apex:column value="!child.Parent__r.Name" />
 <apex:column value="!child.Name" />
</apex:pageBlockTable>

Make sure in your query you ORDER BY Parent__c.

If you want to only display parent details for the first row in a grouping, you could use a wrapper like below:

public class Wrapper

 public Parent__c parent;
 public Child__c child;`

Then in your controller, you can do some algorithm along the following lines:

public List<Wrapper> wrappers get; private set; 
public MyController()

 for (Parent__c parent : [/*query*/])
 
 Boolean isFirstChild = true;
 for (Child__c child : parent.Children__r)
 
 Wrapper wrapper = new Wrapper();
 wrapper.child = child;
 if (isFirstChild)
 
 wrapper.parent = parent;
 isFirstChild = false;
 
 else
 
 wrapper.parent = new Parent__c();
 // you need an empty record to avoid NullPointerException
 
 
 

You can iterate List<Child__c> and your list should be ordered by parent__c. In visualforce you can handle above thing as :

<apex:varaible var="parentId" value="" />
<apex:pageBlockTable value="!children" var="child">
 <apex:column value="!IF(children.Parent__c != parentId , child.Parent__r.Name, ''" />
 <apex:column value="!child.Name" />
 <apex:column value="!child.Description__c" />
 <apex:variable value="!child.Parent__c" var="parentId"/> 
</apex:pageBlockTable>