+ Start a Discussion
Supriyo Ghosh 5Supriyo 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>