Push AJAX retrieved JSON into Datatables

by Artur Filipiak

HTML

<script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css">
<table id="my_table"> 
    <thead>
        <tr> 
            <th>Column 1</th>
            <th>Column 2</th>
            <th>Column 3</th>
            <th>Column 4</th>
            <th>Column 5</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

JavaScript

var all_data = [
    {
        0 : '<input type="checkbox" name="total_balance[]"  class="total_balance" value="1" />',
        1 : '<input type="checkbox" name="total_balance[]"  class="total_balance" value="2" />',
        2 : '<input type="checkbox" name="total_balance[]"  class="total_balance" value="3" />',
        3 : '<input type="checkbox" name="total_balance[]"  class="total_balance" value="4" />',
        4 : '<input type="checkbox" name="total_balance[]"  class="total_balance" value="5" />'
    },
    {
        0 : '<input type="checkbox" name="no_payment[]" class="no_payment" value="5" />',
        1 : '<input type="checkbox" name="no_payment[]" class="no_payment" value="4" />',
        2 : '<input type="checkbox" name="no_payment[]" class="no_payment" value="3" />',
        3 : '<input type="checkbox" name="no_payment[]" class="no_payment" value="2" />',
        4 : '<input type="checkbox" name="no_payment[]" class="no_payment" value="1" />'
    }
]

var value = 'asd',
    row   = 0;

var oTable = $("#my_table").DataTable({
    "data": all_data
});
oTable.fnUpdate( 'Example update', 0, 0 );