在Visualforce中設置不同寬度的兩列？

Question

我想設置兩列的寬度（如左列70％和右列30％）。 我該怎麼做。

<apex:page> 
    <apex:panelGrid columns="2"> 
     <apex:detail/> 
     <apex:outputText>Here come's the Image</apex:outputText> 
    </apex:panelGrid> 
</apex:page> 

Answer 1

<apex:page> 
    <script type="text/javascript"  src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script> 
    <apex:panelGrid width="100%" columnClasses="testcc" columns="2"> 
     <apex:detail/> 
     <apex:outputText>Here come's the Image</apex:outputText> 
    </apex:panelGrid> 
<script> 
$(".testcc").each(function(index) { 
    if((index % 2)==0)$(this).css('width','30%'); 
    else $(this).css('width','70%'); 
}); 
<script> 
</apex:page>