Otra manera es utilizando el callback `footerCallback` Puedes hacerlo de la siguiente manera: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> $(document).ready(function() { $('#example').DataTable( { "pageLength": 4, "footerCallback": function ( row, data, start, end, display ) { total = this.api() .column(1)//numero de columna a sumar //.column(1, {page: 'current'})//para sumar solo la pagina actual .data() .reduce(function (a, b) { return parseInt(a) + parseInt(b); }, 0 ); $(this.api().column(1).footer()).html(total); } }); }); <!-- language: lang-html --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/css/jquery.dataTables.min.css"> <script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/js/jquery.dataTables.min.js"></script> <table id="example" class="display" style="width:100%"> <thead> <tr> <th>Nombre</th> <th>Valor</th> </tr> </thead> <tbody> <tr> <td>Prueba</td> <td>10</td> </tr> <tr> <td>Prueba</td> <td>20</td> </tr> <tr> <td>Prueba</td> <td>30</td> </tr> <tr> <td>Prueba</td> <td>40</td> </tr> <tr> <td>Prueba</td> <td>50</td> </tr> <tr> <td>Prueba</td> <td>60</td> </tr> <tr> <td>Prueba</td> <td>70</td> </tr> <tr> <td>Prueba</td> <td>80</td> </tr> <tr> <td>Prueba</td> <td>90</td> </tr> </tbody> <tfoot> <tr> <th></th> <th>Total:</th> </tr> </tfoot> </table> <!-- end snippet -->