i am all ready checkd and i am new so please provide me testable code
Amit

Hi Nagma,

Code is working fine. PLease check below screen shot

Apex Class

public with sharing class paginationjquery {
    public list<Account> acc{get;set;}
    public paginationjquery() {
        acc=new list<Account>();
        onLoad();
    }
    public void onLoad(){  //This function get called automatically on on load
 
        acc=[Select ID,Name,Phone,AccountNumber,Sic from Account limit 520];
 
 
    }
}

VF page

<apex:page showHeader="false" sidebar="false" controller="paginationjquery">
    <apex:form >
    <apex:pageBlock >
    <apex:stylesheet value="https://cdn.datatables.net/1.10.0/css/jquery.dataTables.css"/>
    <apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"/>
    <apex:includeScript value="https://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"/>
 
    <style type="text/css" media="screen">
        table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
            background-color: #F1F1F1;
        }
 
    </style>
    <script type="text/javascript" charset="utf8">
    var oTable;
    var currentNumberDisplayed = 5;
 
    $(document).ready(function() {
        $('#load').click( function () {
            var oSettings = oTable.fnSettings();
            currentNumberDisplayed += 5;
            oSettings._iDisplayLength = currentNumberDisplayed;
            oTable.fnDraw();
        });
 
        oTable = $('[id$=testTable]').dataTable({
            "iDisplayLength": 5
        });
    });
 
</script>
 
<apex:dataTable value="{!acc}" var="ac" id="testTable" >
    <apex:column >
        <apex:facet name="header"><apex:outputLabel value="ID" /></apex:facet>
        <apex:outputText value="{!ac.ID}"/>
    </apex:column>
    <apex:column >
        <apex:facet name="header"><apex:outputLabel value="Account Number" /></apex:facet>
        <apex:outputText value="{!ac.AccountNumber}"/>
    </apex:column>
    <apex:column >
        <apex:facet name="header"><apex:outputLabel value="Sic" /></apex:facet>
        <apex:outputText value="{!ac.Sic}"/>
    </apex:column>
    <apex:column >
        <apex:facet name="header"><apex:outputLabel value="Phone" /></apex:facet>
        <apex:outputText value="{!ac.phone}"/>
    </apex:column>
    <apex:column >
        <apex:facet name="header"><apex:outputLabel value="Name" /></apex:facet>
        <apex:outputText value="{!ac.Name}"/>
    </apex:column>
</apex:dataTable>
 
<button type="button" id="load">Load</button>
</apex:pageBlock>
    </apex:form>
</apex:page>

Output



NOTE:- Look like you created any class with Account name. Please delete same class and try above code again