[SalesForce] How to change the column width in Visualforce

tried this

<apex:pageblock id="Selected_PBS">   
        <apex:pageBlockTable id="selected_contacts" value="{!SelectedContacts}" var="contact"  rendered="{!IF(SelectedContacts != NULL && SelectedContacts.size > 0,true,false)}">
             <apex:column value="{!contact.Name}" style="width: 40px;"/>
             <apex:column value="{!contact.Email}" style="width: 30px;"/>
             <apex:column value="{!contact.Phone}" style="width: 10px;"/>
        </apex:pageBlockTable>
    </apex:pageBlock>

and this:

 <apex:pageblock id="Selected_PBS" 
        <apex:pageBlockTable columnsWidth="5%,3%,3%" id="selected_contacts" value="{!SelectedContacts}" var="contact"  rendered="{!IF(SelectedContacts != NULL && SelectedContacts.size > 0,true,false)}">
             <apex:column value="{!contact.Name}"  />
             <apex:column value="{!contact.Email}"  />
             <apex:column value="{!contact.Phone}"  />
        </apex:pageBlockTable>
    </apex:pageBlock>

Output here:

enter image description here

Best Answer

        <b><apex:column value="{!contact.Name}" style="width:25%"/></b>

        <b> check it out , it worked for me. </b>
Related Topic