function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
d.tejdeep@nicomatic.ind.tejdeep@nicomatic.in 

how can i re-size the pagablock table row ?

i want to resize the pageblocktable 

here is the demo table what i need 

http://www.ita.es/jquery/jquery.kiketable.colsizable.htm

i can able to stretch the rows how can i do it 

this is my visulforce code :

<apex:pageBlockTable value="{!quo}" var="q"   width="10000px">      
<apex:column value="{!q.Quote_Line_Item__r.Quote1__r.Quote_Number_New__c}" width="300"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.From1__c}" width="300"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.Name}" width="300"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.Quote_Validity__c}" width="300"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.RFQ_Date__c}" width="300"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.createdDate__c}" width="300"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.Account_Code__c}" width="300"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.Account_Name__c}" width="300"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Name}"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Client_P_N__c}"/>
                 <apex:column value="{!q.Quote_Line_Item__r.N_EP_DPI__c}"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Description__c}"/>
                 <apex:column value="{!q.Asked_Qty__c}"/>
                 <apex:column value="{!q.MOD_Maxi__c}"/>
                 <apex:column value="{!q.batch_value__c}"/>
                 <apex:column value="{!q.Unit_Price__c}"/>
                 <apex:column value="{!q.Max_Quantity__c}"/>
                 <apex:column >
                 <apex:commandbutton value="Create PDF" onclick="return window.open('/apex/QuotePDF?id={!q.Quote_Line_Item__r.Quote1__c}')" />
                 </apex:column>
                 <apex:column >
                 <apex:commandbutton value="open Quote" onclick="return window.open('https://cs6.salesforce.com/{!q.Quote_Line_Item__r.Quote1__c}')" />
                 </apex:column>
        </apex:pageBlockTable>
Ashish_SFDCAshish_SFDC
Hi Tej, 


We need more information on this, Can you add a pic via tinypic.com and explain what are you looking for. 


Regards,
Ashish
d.tejdeep@nicomatic.ind.tejdeep@nicomatic.in
i got that thing here is the answer.

At first, give an id to the PageBlockTable like this:
<apex:pageBlockTable id="tblQuotes" value="{!quo}" var="q" >

Then add these script tags right at top just after the <apex:page> tag.
<apex:includeScript value="//cdn.jsdelivr.net/jquery/1.7/jquery.min.js"/>   
<apex:includeScript value="//cdn.jsdelivr.net/jquery.colresizable/1.3/colResizable.min.js"/>

Then right after the </apex:pageBlockTable>, you can add this:
<script type="text/javascript">
         $("[id$=tblQuotes]").colResizable({
            liveDrag: true,
            draggingClass: "dragging"
          });   
</script>