function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Admin 2467Admin 2467 

apex:datatable width

hi all
i am newbie for vf
below image as my vf pdf report and i can't adjust the column width. Any idea? I tried set to width = % and width = px but still not working Thanks.
User-added image
<apex:datatable width="100%"  style="border-collapse:collapse" value="{!Program__c.Registration__r}" var="Registration" >    
<apex:facet name="header">

  <table width ="100%" style="border-collapse:collapse" >
            <tr>
            <td width="4%" style="text-align:center;border:1px solid #000;font-size: 10px" rowspan="2">A</td>
            <td width="8%" rowspan="2" style = "text-align:center;border:1px solid #000" >B</td>
            <td width="10%" rowspan="2" style="text-align:center;border:1px solid #000">C</td>
            <td width="10%" rowspan="2" style="text-align:center;border:1px solid #000">D</td>   
            <td colspan="12" style="text-align:center;border:1px solid #000">E</td>
            <td width="5%" rowspan="2" style="text-align:right;border:1px solid #000">F</td> 
        </tr>
        <tr>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
            <td width="5%" style="text-align:right;border:1px solid #000">&nbsp;</td>
        </tr>
    </table>

</apex:facet>
    <apex:column width="4%" style="text-align:center;border:1px solid #000;font-size: 10px" >{!rowIndex} <apex:variable var="rowIndex" value="{!rowIndex+1}" /></apex:column>
    <apex:column width="7%" style="text-align:center;border:1px solid #000;font-size: 10px"> <apex:outputText value="{!Registration.Calc_Partial_Refund_Amount__c}"/></apex:column>
    <apex:column width="9%" style="text-align:center;border:1px solid #000;font-size: 10px"><apex:outputText value="{!Registration.Membership_Number__c}"/></apex:column>
    <apex:column width="9%" style="text-align:center;border:1px solid #000;font-size: 10px"><apex:outputText value="{!Registration.Name}"/></apex:column>
    <apex:column style="width:5%;text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>    
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column> 
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>    
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>
    <apex:column width="5%" style="text-align:center;border:1px solid #000"><apex:outputText value=""/></apex:column>   
</apex:datatable>

 
Best Answer chosen by Admin 2467
SandhyaSandhya (Salesforce Developers) 
Hi,

You can try 
<apex:column style="width:200px"

Best Regards,
Sandhya​​​​​​​

All Answers

SandhyaSandhya (Salesforce Developers) 
Hi,

You can try 
<apex:column style="width:200px"

Best Regards,
Sandhya​​​​​​​
This was selected as the best answer
Admin 2467Admin 2467
Hi Sandhya

Thx for reply. But this doesn't work for me...