Cómo usar Colspan en páginas VF

Question

Tengo un código de página VF

            <apex:pageBlockSection collapsible="false"  columns="2" >

                <apex:inputField value="{!Opp.field1__c}"/> 
                <apex:inputField value="{!Opp.field2__c}"/> 
                <apex:outputField value="{!Opp.field3__c}"/>    
                <apex:outputField value="{!Opp.field4__c}"/>    
        </apex:pageBlockSection>

Quiero tener un botón de comando dentro de la BlockSection. ¿Podemos tener algo como un colspan en la mesa para fusionar la primera línea a una sola columna para mantener el botón de comando?

Gracias Prady

Answer 1

pageBlockSection representa como un table dentro de una div, entonces, una vez que esté "dentro", puede simplemente aprovechar ese esquema (al menos hasta que cambien cómo renderizan las secciones). Necesita dos columnas por columna de sección (en su caso 2x2 => 4). Usa lo siguiente

<apex:pageBlockSection collapsible="false"  columns="2" >
   <tr>
      <td colspan="4">
         <apex:commandButton ...>
      </td>
   </tr>
   <apex:inputField value="{!Opp.field1__c}"/> 
   <apex:inputField value="{!Opp.field2__c}"/> 
   <apex:outputField value="{!Opp.field3__c}"/>    
   <apex:outputField value="{!Opp.field4__c}"/>    
</apex:pageBlockSection>