4列的定製視覺力內嵌網頁

顯示成這樣，但隨着四列：

我試過這種方式，但是這個亂七八糟......（上面的圖片是一個例子，並且與支票總額一起在內線0.00美元）：

我正在使用的代碼是：

<apex:page standardController="BookingEvent__c" extensions="EventInclusiveTotalPriceInlineExt" standardStylesheets="true" tabstyle="BookingEvent__c" docType="html-5.0"> 
 
    <apex:form> 
 
    <apex:pageBlock mode="maindetail"> 
 
     <apex:pageBlockSection columns="4"> 
 
     <apex:outputfield value="{!be.ForecastRevenue1__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue2__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue3__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue4__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue5__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue6__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue7__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue8__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue9__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue10__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue11__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue12__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue13__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue14__c}"></apex:outputfield> 
 
     <apex:outputfield value="{!be.ForecastRevenue15__c}"></apex:outputfield> 
 
     </apex:pageBlockSection> 
 
    </apex:pageBlock> 
 
    </apex:form> 
 
</apex:page>

我不知道怎麼的風格和它需要看起來像它會顯示在第二張圖。

任何幫助將是偉大的，我是新來的音頻，並沒有偉大的造型，並有麻煩找到我正在尋找什麼。

來源

2016-08-11 Nicole Phillips

您應該在Salesforce.Stackexchange中發佈此內容 – EricSSH

@Eric謝謝Eric剛做完！甚至沒有意識到他們有一個！ –

爲了在Visuaforce頁面上構建相當困難的佈局，您可以使用HTML和CSS的強大功能，通常比Visuaforce標籤更方便。

因此，爲了在第一個屏幕上實現表格，我希望在包含apex：outputfield標記的單元格中使用HTML表格標記。

來源

2016-08-15 07:51:03

4列的定製視覺力內嵌網頁

回答

相關問題