Hi,

I've tried this on my dev org and this is working fine for me. I'm using account standard object to showing records on VF page. Here are the code for that.

Controller Class:- 

public class UpperClass{
	public list<Account> lstAccount {get;set;}
	public UpperClass(){
		lstAccount = [Select  Name,TickerSymbol, SLA__c, SLASerialNumber__c, Ownership, 
                              NumberofLocations__c, NumberOfEmployees From Account where 
                              TickerSymbol != null limit 1000];
	}
}

 VF Page:-

<apex:page controller="UpperClass" showheader="false">
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"/>
<apex:includeScript value="http://datatables.net/download/build/jquery.dataTables.nightly.js"/>
<apex:stylesheet value="http://live.datatables.net/media/css/demo_page.css"/>
 <apex:stylesheet value="http://live.datatables.net/media/css/demo_table.css"/>
<script>
$(document).ready(function() {
    $('#example').dataTable();
} );
</script>
<apex:form >
 <table cellspacing="0" cellpadding="0" border="0" id="example" class="display dataTable" aria-describedby="example_info">
    <thead>
        <tr role="row">
            <th aria-label="Name: activate to sort column descending" aria-sort="ascending" style="width: 128px;" colspan="1" rowspan="1" aria-controls="example" tabindex="0" role="columnheader" class="sorting_asc">Name</th>
            <th aria-label="TickerSymbol: activate to sort column ascending" style="width: 178px;" colspan="1" rowspan="1" aria-controls="example" tabindex="0" role="columnheader" class="sorting">TickerSymbol</th>
            <th aria-label="SLASerialNumber: activate to sort column ascending" style="width: 170px;" colspan="1" rowspan="1" aria-controls="example" tabindex="0" role="columnheader" class="sorting">SLASerialNumber</th>
            <th aria-label="Ownership: activate to sort column ascending" style="width: 109px;" colspan="1" rowspan="1" aria-controls="example" tabindex="0" role="columnheader" class="sorting">Ownership</th>
            <th aria-label="Number Of Employees: activate to sort column ascending" style="width: 75px;" colspan="1" rowspan="1" aria-controls="example" tabindex="0" role="columnheader" class="sorting">Number Of Employees</th>
        </tr>
    </thead>
    
    <tbody aria-relevant="all" aria-live="polite" role="alert">
          <apex:repeat value="{!lstAccount}" var="acc" id="theRepeat">
            <tr class="gradeA odd">
                <td class="  sorting_1">{!acc.name}</td>
                <td class=" ">{!acc.TickerSymbol}</td>
                <td class=" ">{!acc.SLASerialNumber__c}</td>
                <td class=" ">{!acc.Ownership}</td>
                <td class="center ">{!acc.NumberOfEmployees}</td>
            </tr>
        </apex:repeat>        
    </tbody>
 </table>
</apex:form>
</apex:page>

 Result:-

[If you got answer from my post please mark it as solution.]

Thanks, Kapil