You need to sign in to do that
Don't have an account?
Supriyo Ghosh 5
sorting vf page column
I have a vf page and I want to sort that based on a particular field.Please help me to do that.
Page:
<apex:page standardController="Proposal_Details__c" sidebar="false" showChat="false" showHeader="false">
<apex:includeScript value="/support/console/26.0/integration.js"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"/>
<script type="text/javascript">
$j = jQuery.noConflict();
$j(document).ready(function () {
$j("table.tableSorter").tablesorter();
});
</script>
<apex:Form >
<apex:pageBlock >
<apex:pageBlockSection columns="1" collapsible="false">
<apex:pageBlockTable id="orderTable" value="{!Proposal_Details__c.Premium_Details__r}" var="p" styleClass="tablesorter" headerClass="header">
<apex:Column value="{!p.Premium_Number__c}" headerClass="header"/>
<apex:Column value="{!p.Premium_Detail_Page_Link__c}" headerClass="header"/>
<apex:Column value="{!p.Premium_Type__c}" headerClass="header"/>
<apex:Column value="{!p.Premium_Due_Date__c}" headerClass="header"/>
<apex:Column value="{!p.Paid_Premium_Amount__c}" headerClass="header"/>
<apex:Column value="{!p.Premium_Paid__c}" headerClass="header"/>
<apex:Column value="{!p.Next_Due_Date__c}" headerClass="header"/>
<apex:Column value="{!p.Collection_Date__c}" headerClass="header"/>
<apex:Column value="{!p.Allocation_Date__c}" headerClass="header"/>
<apex:Column value="{!p.Payment_Source__c}" headerClass="header"/>
</apex:pageBlockTable>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:Form>
</apex:page>
Page:
<apex:page standardController="Proposal_Details__c" sidebar="false" showChat="false" showHeader="false">
<apex:includeScript value="/support/console/26.0/integration.js"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"/>
<script type="text/javascript">
$j = jQuery.noConflict();
$j(document).ready(function () {
$j("table.tableSorter").tablesorter();
});
</script>
<apex:Form >
<apex:pageBlock >
<apex:pageBlockSection columns="1" collapsible="false">
<apex:pageBlockTable id="orderTable" value="{!Proposal_Details__c.Premium_Details__r}" var="p" styleClass="tablesorter" headerClass="header">
<apex:Column value="{!p.Premium_Number__c}" headerClass="header"/>
<apex:Column value="{!p.Premium_Detail_Page_Link__c}" headerClass="header"/>
<apex:Column value="{!p.Premium_Type__c}" headerClass="header"/>
<apex:Column value="{!p.Premium_Due_Date__c}" headerClass="header"/>
<apex:Column value="{!p.Paid_Premium_Amount__c}" headerClass="header"/>
<apex:Column value="{!p.Premium_Paid__c}" headerClass="header"/>
<apex:Column value="{!p.Next_Due_Date__c}" headerClass="header"/>
<apex:Column value="{!p.Collection_Date__c}" headerClass="header"/>
<apex:Column value="{!p.Allocation_Date__c}" headerClass="header"/>
<apex:Column value="{!p.Payment_Source__c}" headerClass="header"/>
</apex:pageBlockTable>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:Form>
</apex:page>