apex-code - Visualforceで2つの列の異なる幅を設定しますか?

Question

2 つの列の幅を設定したい (左の列 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>