DataTables

DataTables Examples

HTML

<script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.4/css/jquery.dataTables.css">
<table class="dataTable" id="example">
    
</table>

CSS

.paging_full_numbers a.paginate_button {
    color: #fff !important;
}
.paging_full_numbers a.paginate_active {
    color: #fff !important;
}

JavaScript

$(document).ready(function() {
    var data= [{a:1,b:2,c:3},{a:4,b:5,c:6}];
    var columns = [
					{ title: 'A', data: 'a' },
					{ title: 'B', data: 'b' },
                    { title: 'C', data: 'c' },
  		];
    var dataTable;
    
    function makeTable() {
        dataTable = $('#example').dataTable({retrieve:true,data:data,columns:columns,order:[[0,'desc']]});    
    }
    makeTable();
    data.push({a:7,b:8,c:9});
    //How do i make the table redraw?
});