Skip to main content
se añadieron 66 caracteres en el cuerpo
Origen Enlace

Otra manera es utilizando el callback footerCallbackfooterCallback

Otra manera es utilizando el callback footerCallback

Otra manera es utilizando el callback footerCallback

Origen Enlace

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>