如何在VF页面中使用colspan

发布于 2025-01-07 15:13:14 字数 533 浏览 0 评论 0原文

我有一个 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>

，我想在 blockSection 内有一个命令按钮。我们可以在表格上使用类似 colspan 的东西来将第一行合并到单个列中以容纳命令按钮吗？

谢谢普拉迪

原文

i have a VF page code

            <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>

I want to have a command button inside the blockSection. Can we have something like a colspan on table to merge the first line to a single column to hold the command button?

Thanks
Prady

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

方圜几里 2025-01-14 15:13:14

pageBlockSection 呈现为 div 内的 table，因此一旦您进入“内部”，您就可以利用该架构（至少在它们更改之前）他们如何渲染部分）。每个部分列需要两列（在您的情况下为 2x2=>4）。使用以下内容

<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>

pageBlockSection renders as a table inside a div, so once you are "inside" you can just piggyback on that schema (at least until they change how they render sections). You need two columns per section column (in your case 2x2=>4). Use the following

<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>

回复收藏 0 原文

~没有更多了~