Rerender the column in the page block table on command button

Question

I have a page block table whilch has two columns one with the data and the other with two buttons to move the records up and down.

I am not able to rerender the column on the change.

The code is as below:

<apex:form >
<apex:pageBlock title="Tab Order in Job Details" id="pb">

        <apex:pageblockTable value="{!objlist}" var="v" style="width:700px" id="Pgb" >

            <apex:column id="col1"> <apex:actionregion id="ar" >   <apex:outputPanel value="{!v.Name}" style="width:20px"/>&nbsp;&nbsp;  <apex:outputText value="{!v.Order__c}" style="width:20px"/>&nbsp;&nbsp; </apex:outputPanel > </apex:column>  

            <apex:column >
            <apex:commandButton value="Up"  title="Move Up" action="{!MoveUp}" reRender="ar" >   <apex:param name="strTabID" value="{!v.id}" assignTo="{!tabid}"/> </apex:commandButton>
                  &nbsp;
                    <apex:commandButton value="Down"  title="Move Down" action="{!MoveDown}"  reRender="ar"> <apex:param name="strTabID"  value="{!v.id}" assignTo="{!tabid}"/></apex:commandButton>
             </apex:column>

        </apex:pageblockTable>            
    </apex:pageBlock>

</apex:form>  

Please can someone suggest how can I achieve this.

Please help.

Answer 1

I've taken your sample page and got this working with the following example. There was some interesting behavior with apex:commandButton and apex:param within tables that appears to be hitting a lot of folks, not sure if this was causing you issues? So I switched to apex:commandLink to get this sample working. Anyway I could confirm that indeed, rerendering the pageBlockTable will work as follows.

<apex:page controller="TabOrderController">
    <apex:form id="myform" >
        <apex:pageBlock title="Tab Order in Job Details" id="pb">
            <apex:pageblockTable value="{!Tabs}" var="v" style="width:700px" id="Pgb">
                <apex:column >
                    <apex:outputText value="{!v.Name}" style="width:20px" />  
                </apex:column>
                <apex:column >
                    <apex:commandLink value="Up" title="Move Up" action="{!MoveUp}" rerender="Pgb" >
                        <apex:param name="tabRef" value="{!v.Name}" assignTo="{!tabRef}" />
                    </apex:commandLink>
                    &nbsp;
                    <apex:commandLink value="Down" title="Move Down" action="{!MoveDown}" rerender="Pgb">
                        <apex:param name="tabRef" value="{!v.Name}" assignTo="{!tabRef}"  />
                    </apex:commandLink>
                </apex:column>
            </apex:pageblockTable>
        </apex:pageBlock>
    </apex:form>
</apex:page>

The controller code is here, just in case it helps. Hopefully this sample will allow you to compare your actual code to see what aspects are causing this sample to work vs yours.