Skip to main content
2 de 2
se añadieron 66 caracteres en el cuerpo

Otra manera es utilizando el callback footerCallback

Puedes hacerlo de la siguiente manera:

$(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);
            
        }
    });
});
<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>