You need to sign in to do that
Don't have an account?
d.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>
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>
We need more information on this, Can you add a pic via tinypic.com and explain what are you looking for.
Regards,
Ashish
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>