DataTables

DataTables Examples

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables.css">
<table id="example">
    <thead>
        <tr>
           <th></th>
           <th></th>
           <th></th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

JavaScript

var dataTable = $('#example').dataTable({
   aaData: [
        {
            "Agents": "tM4Ga0zX",
            "Buyer": "joe",
            "Date": "01.01.2014"
        },{
            "Agents": "tM4Ga0zX",
            "Buyer": "adam",
            "Date": "02.01.2014"
        },{
            "Agents": "tM4Ga0zX",
            "Buyer": "sarah",
            "Date": "03.01.2014"
        }
    ],
    aoColumns: [
            { mDataProp: "Agents", sTitle : "Agents" }, 
            { mDataProp: "Buyer", sTitle : "Buyer" },
            { mDataProp: "Date", sTitle : "Date" }
        ]
});