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