apex-code - 在 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>