[SalesForce] Using PageBlockTable inside other PageBlockTable

It can be done using client side javascript. To get exact Id of the element, you can use "Inspect Element" option in chrome. Basically salesforce will add the entire path of parent apex elements in the ID of child element. For example check sample code below,

<apex:page id="page">
    <apex:form id="form">
        <apex:pageblockTable id="table">
            <apex:inputField value="{!testvalue}" id="field"/>
        </apex:pageblockTable>
    </apex:form>
</apex:page>

It will result in final Id of the field as

page:form:table:field

instead of simple "field". If you are using rerender on the field using apex tags, you can directly use Id "field". But if you are using javascript, you need to use the full ID, which is the actual Id.

works for me using account object:

public class AccountController {
public AccountWrapper accWrap {get;set;}

public AccountController(ApexPages.StandardController stdController) 
{
    Account a = (Account)stdController.getRecord();

    a.Name = 'new:10;Working:20;';

    accWrap  = new accountWrapper(a);
}

public class AccountWrapper
{
    public Account acc{get;set;}
    public Map<String,String> keyValueMap{get;set;}

    accountWrapper(Account a)
    {
        acc = a;
        keyValueMap = new map<String,String>();

        for(String s: a.Name.Split(';'))
        {
            keyValueMap.put(s.split(':')[0],s.split(':')[1]);        
        }
    }
}
}

VISUALFORCE PAGE

<apex:page standardController="Account" extensions="AccountController" >
<apex:pageblock >
<apex:pageBlockTable var="accWrap" value="{!accWrap}">

        <apex:repeat var="key" value="{!accWrap.keyValueMap}">

        <apex:column >
            <apex:facet name="header">{!key}</apex:facet>
            {!accWrap.keyValueMap[key]}
        </apex:column>                

        </apex:repeat>        

</apex:pageBlockTable>